部署与运行
项目包内不包含graceUI框架,请将graceUI框架最新版本部署到根目录运行即可!
版本说明
graceMallForUniapp : uni-app 多端兼容版 ( 包含 nuve 模式, 不使用请删除 nuve 文件即可 )
graceMallForWX : 微信小程序独立开发版本 ( 使用微信小程序开发工具开发 )
页面及使用到的组件
- |_ index/ 入口页 轮播图 + 九宫格 + 商品列表 数据均来自 api 接口
- |_ productInfo/ 商品详情页
- |_ shoppingCard/ 购物车页面
- |_ my/ 用户中心页面
- |_ news/ 新闻列页面 [ 分段切换,下拉刷新 + 上拉加载 ]
- |_ artInfo/ 新闻详情页面 [ 骨架加载 + 评论列表 ]
- |_ myorders/ 我的订单页页面 [ 用户中心点击 我的订单进入 ]
项目目的
- 演示 graceUI 快速布局能力 (整个项目花费时间 3小时左右),及样式修改技巧;
- 学习使用,真实项目请根据实际情况二次开发;
uni-app 版本注意事项
- main.js 封装了 setData 函数
- main.js 全局引入了 request.js [ 不支持 nuve nvue 使用页面引入模式 ]
import graceUIRequest from './graceUI/jsTools/request.js'