小新的博客

11. 发布11.1 为什么要发布11.2 发布小程序的流程11.3 发布为 Android App 的流程

10.4 三秒后自动跳转10.4.1 三秒后自动跳转到登录页面10.4.2 登录成功之后再返回之前的页面10.5 微信支付10.5.1 在请求头中添加 Token 身份认证的字段10.5.2 微信支付的流程10.5.3 创建订单10.5.4 订单预支付10.5.5 发起微信支付10.6 分支的合并与提交

10. 登录与支付10.0 创建 settle 分支10.1 点击结算按钮进行条件判断10.2 登录10.2.1 定义 my 页面的编译模式10.2.2 实现登录和用户信息组件的按需展示10.2.3 实现登录组件的基本布局10.2.4 点击登录按钮获取微信用户的基本信息10.2.5 将用户的基本信息存储到 vuex10.2.6 登录获取 Token 字符串10.2.7 将 Token 存储到 vuex10.3 用户信息10.3.1 实现用户头像昵称区域的基本布局10.3.3 渲染第

9.3 结算区域9.3.1 把结算区域封装为组件9.3.2 渲染结算区域的结构和样式9.3.3 动态渲染已勾选商品的总数量9.3.4 动态渲染全选按钮的选中状态9.3.5 实现商品的全选/反选功能9.3.6 动态渲染已勾选商品的总价格9.3.7 动态计算购物车徽标的数值9.3.8 渲染购物车为空时的页面结构9.4 分支的合并与提交

🌴9.2 收货地址区域☘️9.2.1 创建收货地址组件☘️9.2.2 实现收货地址区域的按需展示☘️9.2.3 实现选择收货地址的功能☘️9.2.4 将 address 信息存储到 vuex 中☘️9.2.5 将 Store 中的 address 持久化存储到本地☘️9.2.6 将 addstr 抽离为 getters☘️9.2.7 重新选择收货地址☘️9.2.8 解决收货地址授权失败的问题☘️9.2.9 解决 iPhone 真机上无法重新授权的问题

🌴9. 购物车页面🌳9.0 创建购物车页面的编译模式🌳9.1 商品列表区域🌲9.1.1 渲染购物车商品列表的标题区域🌲9.1.2 渲染商品列表区域的基本结构🌲9.1.3 为 my-goods 组件封装 radio 勾选状态🌲9.1.4 为 my-goods 组件封装 radio-change 事件🌲9.1.5 修改购物车中商品的勾选状态🌲9.1.6 为 my-goods 组件封装 NumberBox🌲9.1.7 为 my-goods 组件封装 num-change 事件

8. 加入购物车8.0 创建 cart 分支8.1 配置 vuex8.2 创建购物车的 store 模块8.3 在商品详情页中使用 Store 中的数据8.4 实现加入购物车的功能8.5 动态统计购物车中商品的总数量8.6 持久化存储购物车中的商品8.7 优化商品详情页的 total 侦听器8.8 动态为 tabBar 页面设置数字徽标8.9 将设置 tabBar 徽标的代码抽离为 mixins

7. 商品详情7.0 创建 goodsdetail 分支7.1 添加商品详情页的编译模式7.2 获取商品详情数据7.3 渲染商品详情页的 UI 结构7.3.1 渲染轮播图区域7.3.2 实现轮播图预览效果7.3.3 渲染商品信息区域7.3.4 渲染商品详情信息7.3.5 解决商品价格闪烁的问题7.4 渲染详情页底部的商品导航区域7.4.1 渲染商品导航区域的 UI 结构7.4.2 点击跳转到购物车页面7.5 分支的合并与提交

6. 商品列表6.0 创建 goodslist 分支6.1 定义请求参数对象6.2 获取商品列表数据6.3 渲染商品列表结构6.4 把商品 `item` 项封装为自定义组件6.5 使用过滤器处理价格6.6 上拉加载更多6.6.1 初步实现上拉加载更多6.6.2 通过节流阀防止发起额外的请求6.6.3 判断数据是否加载完毕6.7 下拉刷新6.8 点击商品 item 项跳转到详情页面6.9 分支的合并与提交

5. 搜索5.0 创建 search 分支5.1 自定义搜索组件5.1.1 自定义 `my-search` 组件5.1.2 通过自定义属性增强组件的通用性5.1.3 为自定义组件封装 click 事件5.1.4 实现首页搜索组件的吸顶效果5.2 搜索建议5.2.1 渲染搜索页面的基本结构5.2.2 实现搜索框自动获取焦点5.2.3 实现搜索框的防抖处理5.2.4 根据关键词查询搜索建议列表5.2.5 渲染搜索建议列表5.3 搜索历史5.3.1 渲染搜索历史记录的基本结构

4. 分类4.0 创建 cate 分支4.1 渲染分类页面的基本结构4.2 获取分类数据4.3 动态渲染左侧的一级分类列表4.4 动态渲染右侧的二级分类列表4.5 动态渲染右侧的三级分类列表4.6 切换一级分类后重置滚动条的位置4.7 点击三级分类跳转到商品列表页面4.8 分支的合并与提交

3. 首页3.0 创建 home 分支3.1 配置网络请求3.2 轮播图区域3.2.1 请求轮播图的数据3.2.2 渲染轮播图的 UI 结构3.2.3 配置小程序分包3.2.4 点击轮播图跳转到商品详情页面3.2.5 封装 uni.$showMsg() 方法3.3 分类导航区域3.3.1 获取分类导航的数据3.3.2 渲染分类导航的 UI 结构3.3.2 点击第一项，切换到分类页面3.4 楼层区域3.4.1 获取楼层数据3.4.2 渲染楼层的标题3.4.3 渲染楼层里的图片

tabBar标签2.0 创建 tabBar 分支2.1 创建 tabBar 页面2.2 配置 tabBar 效果2.3 删除默认的 index 首页2.4 修改导航条的样式效果2.5 分支的提交与合并

1.1 uni-app 简介1.2 开发工具1.2.1 下载 HBuilderX1.2.2 安装 HBuilderX1.2.3 安装 scss/sass 编译1.2.4 快捷键方案切换1.2.5 修改编辑器的基本设置1.3 新建 uni-app 项目1.4 目录结构1.5 把项目运行到微信开发者工具