当前位置: 首页 > news >正文

部落商城App开发笔记 2024.11.21 实现进入app就是短视频

初步效果:
在这里插入图片描述

基于图鸟UI二次开发, 这里静态资源没有加载, 我在本机上安装了一个nginx, 需要启动一下.

 PS C:\dev\nginx-1.26.2> start .\nginx.exe

重新刷新就有数据了.
在这里插入图片描述

先看看目前的页面吧.

首页.
在这里插入图片描述

分类:
在这里插入图片描述

发现.
在这里插入图片描述

消息.
在这里插入图片描述

购物车.
在这里插入图片描述

我的.
在这里插入图片描述

这个项目是有短视频的功能的.
在这里插入图片描述

点击那个有视频图标的图片进去, 就进入了短视频的页面.
在这里插入图片描述

客户想要一进入APP就直接是短视频界面, 这个需求我一开始想的比较复杂, 不过后面想了想又觉得很简单了. 只需要把短视频页面配置为首页就可以了.

在这里插入图片描述
但是从代码结构来看, 这个video.vue并不在pages下面, 无法直接配置.

所以, 我选择简单的方案, 直接把它复制一份到pages下面.

在这里插入图片描述

接着再来到pages.json, 配置video为第一个.
在这里插入图片描述

代码是:

{"path": "pages/home/video","style": {"mp-weixin": {"disableScroll": true},"app-plus": {"bounce": "none"},"mp-alipay": {"allowsBounceVertical": "NO"},"mp-baidu": {"disableScroll": true}}
},

重新访问应用, http://localhost:8581/#/在这里插入图片描述

此时, 已经实现了进入app就是短视频了.

http://www.lryc.cn/news/489372.html

相关文章:

  • 解决.DS_Store 在项目一致无法排除,.gitignore里也不生效
  • MySQL-关键字执行顺序
  • 极客时间《Redis核心技术与实战》开篇词 知识点总结
  • TCP并发服务器
  • Debug-031-近期功能实现小结
  • Consumer Group
  • .NET架构师学习大纲
  • 【代码随想录】贪心
  • Harmony鸿蒙类似与Android中broadcast广播的api使用及释义
  • openGauss 6.0.0主备部署(企业版)
  • 【机器学习】聚类算法原理详解
  • Ubuntu20.04从零安装IsaacSim/IsaacLab
  • 基于Java Springboot大学校园旧物捐赠网站
  • 【Java 集合】Collections 空列表细节处理
  • 大数据实验4-HBase
  • deepin系统下载pnpm cnpm等报错
  • #Js篇:JSON.stringify 和 JSON.parse用法和传参
  • c#通过网上AI大模型实现对话功能
  • pymysql模块
  • WPF-模板和样式
  • 网络编程 day1.2~day2——TCP和UDP的通信基础(TCP)
  • element ui table 每行不同状态
  • 力扣--LRC 142.训练计划IV
  • windows下,用CMake编译qt项目,出现错误By not providing “FindQt5.cmake“...
  • 【element-tiptap】Tiptap编辑器核心概念----结构篇
  • 半导体工艺与制造篇3 离子注入
  • 利用开源的低代码表单设计器FcDesigner高效管理和渲染复杂表单结构
  • 淘宝 NPM 镜像源
  • i春秋-GetFlag(md5加密,字符串比较绕过)
  • SpringBoot中设置超时30分钟自动删除元素的List和Map