小程序项目

购物车页面  商品列表区域 1 渲染购物车商品列表的标题区域 定义如下的 UI 结构： 2 渲染商品列表区域的基本结构 通过 mapState 辅助函数，将 Store 中的 cart 数组映射到当前

7 为 my-goods 组件封装 num-change 事件 当用户修改了 NumberBox 的值以后，希望将最新的商品数量更新到购物车中，此时用户可以为 my-goods 组件绑定 @num-c

1 把结算区域封装为组件 在 components 目录中，新建 my-settle 结算组件： 初始化 my-settle 组件的基本结构和样式： 在 cart.vue 页面中使用自定义的 my-s

1 创建收货地址组件 在 components 目录上鼠标右键，选择 新建组件，并填写组件相关的信息：（在cart.vue中使用） 渲染收货地址组件的基本结构： 2 实现收货地址区域的按需展示 在 d

登录 1 定义 my 页面的编译模式 勾选启动页面的路径之后，点击确定按钮： 2 实现登录和用户信息组件的按需展示 在 components 目录中新建登录组件： 在 components 目录中新建

0 创建 cart 分支 运行如下的命令，基于 master 分支在本地创建 cart 子分支，用来开发购物车相关的功能： 1 配置 vuex 在项目根目录中创建 store 文件夹，专门用来存放 v

搜索 创建 search 分支 运行如下的命令，基于 master 分支在本地创建 search 子分支，用来开发搜索相关的功能：git checkout -b search 1 自定义搜索组件 1.

--- theme: smartblue --- ## 搜索建议 ### 1 渲染搜索页面的基本结构 1. 定义如下的 UI 结构： ``` ``` ` :focus="true"`自动聚焦 1. 修

获取商品详情数据 在 data 中定义商品详情的数据节点： 在 onLoad 中获取商品的 Id，并调用请求商品详情的方法： 在 methods 中声明 getGoodsDetail 方法：  商品轮

商品列表 0 创建 goodslist 分支 运行如下的命令，基于 master 分支在本地创建 goodslist 子分支，用来开发商品列表相关的功能： 1 定义请求参数对象 为了方便发起请求获取商

分类 1 创建 cate 分支 运行如下的命令，基于 master 分支在本地创建 cate 子分支，用来开发分类页面相关的功能： 2 渲染分类页面的基本结构 定义页面结构如下： 但是会有占不满屏幕的

首页 1 配置网络请求 由于平台的限制，小程序项目中不支持 axios，而且原生的 wx.request() API 功能较为简单，不支持拦截器等全局定制的功能。因此，建议在 uni-app 项目中使

分类导航 1 获取分类导航的数据 实现思路： 定义 data 数据 在 onLoad 中调用获取数据的方法 在 methods 中定义获取数据的方法 示例代码如下： 2 渲染分类导航的 UI 结构 不

1.1 开发工具 uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。主要好处： 模板丰富 完善的智能提示 一键运行 1.1.1 下载 HBuilderX 访问 HB