更新记录
1.0.3(2024-03-31)
修复工程文件依赖缺失的问题
1.0.1(2024-03-29)
2024-03-29
-使用better-scroll 完成个人中心左右横屏滑动+tab切换联动效果
- 将数据mock由apifox改成本地引用
- 更新安装开发及切换指定node版本
- 通过npm脚本运行及打包时区分开发/生产环境
2024-03-28
- 搭建工程,确定数据mock方式
- 完成首页、消息列表、个人中心等一级页面
- 完成短视频上下滑动切换效果
1.0.0(2024-03-27)
1.0.0
- 搭建工程,确定数据mock方式
- 完成首页、消息列表、个人中心等一级页面
- 完成短视频上下滑动切换效果
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.91 app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
小粉盒PinkBox:小红书兴趣电商大型专业模版
软件架构
- 安装UI库:uview-plus
- 安装全局状态库:pinia
- 滚动库:better-scroll@2.5.1
- 封装api请求库:axios
- 集成标准图标库: remix-icon
- 集成可定制的图标库: iconfont
- 建议使用node@16.14.0
安装教程
使用npm或yarn安装
npm i 或
npm install -g yarn && yarn install
使用pnpm安装
npm i -g pnpm && pnpm i
指定node版本
为避免安装过程中出现node依赖包与本地node版本不符问题,请使用node@16.14.0版本
使用nvm切换
nvm install 16.14.0
nvm use 16.14.0
使用fnm切换
fnm install 16.14.0
fnm use 16.14.0
如何运行
本项目采用命令行形式创建,所以有两种运行方式
- node脚本(可以不用打开hbuilder,可以在打包时通过脚本区分开发/测试/生产环境)
- hbuilder
h5
yarn dev:h5:dev // 运行h5 dev环境
yarn dev:h5:prod // 运行h5prod环境
yarn build:h5:dev // 打包h5 ~~dev环境~~
yarn build:h5:prod // 打包h5 prod环境
微信小程序
yarn dev:mp-weixin // 调试微信小程序
yarn build:mp-weixin:prod // 打包小程序 prod环境
更多脚本见根目录package.json
模版主要完成内容
- 兴趣电商内容板块
- 短视频模块
- 电商直播模块
-
电商交易模块
欢迎关注鸣一科技,为您提供最贴近业务的通用前端跨端组件&大模块,像搭积木一样为您快速构建APP大厦
专注UI和前端/源码直出/模块化/风格体系/Uniapp/Taro/Vue/React/跨端/电商/社交