更新记录
v1.1(2025-07-17)
下载此版本
点餐
订单
地址
分类
平台兼容性
uni-app(4.42)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
- |
- |
- |
- |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
uni-app x(4.42)
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
- |
- |
- |
- |
点餐小程序(uni-app 版)
本项目为“点餐系统”微信小程序端,基于 uni-app 开发,支持微信小程序、H5 等多端。
主要功能
- 商品浏览、分类筛选、商品详情
- 购物车、下单、结算
- 订单列表、订单详情、状态跟踪
- 用户登录/注册、个人中心、地址管理
- 微信一键登录(可选)
目录结构
uniapp/
├── pages/ # 主要页面(点餐、购物车、订单、个人中心等)
├── components/ # 公共组件
├── api/ # API请求封装
├── store/ # 全局状态管理(如购物车、用户信息)
├── utils/ # 工具函数
├── static/ # 静态资源
├── App.vue # 应用入口
├── main.js # 入口JS
├── manifest.json # 项目配置
├── pages.json # 路由配置
└── ...
启动开发
# 安装依赖
npm install
# H5开发
npm run dev:h5
# 微信小程序开发
npm run dev:mp-weixin
打包发布
# H5打包
npm run build:h5
# 微信小程序打包
npm run build:mp-weixin
说明
- 默认已对接后端 API(需配置 api/baseUrl.js)。
- 推荐使用 HBuilderX 或微信开发者工具调试小程序端。
- 如需 UI 美化、功能扩展、对接微信支付等,可随时扩展。