更新记录

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下载地址

    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/跨端/电商/社交

联系我(请备注'uniapp插件市场')

Image

有项目、设计、购买会员等其他方面合作,联系微信: mbing668899

本项目严禁使用于任何违法犯罪活动。请遵守当地法律法规,使用本平台进行合法合规的交流和学习。任何违反法律法规的行为均不被允许。感谢您的理解和配合。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问