技术栈:小程序+Vant Weapp
1. 调用后台接口实现分类页、详情页和购物车页面的布局
2. 使用 wx.getUserProfile 弹窗获取用户信息
3. 详情页底部使用 Vant Weapp的 GoodsAction 实现布局
4. 购物车模块,使用 Vant Weapp中 Popup 组件完成底部弹层的动画
5. 封装公共购物车数量加减组件,用于购物车弹窗和商品列表页同时使用
6. 使用 wx.getLocation 弹窗获取用户地理位置,配合 wx.openSetting 实现自定义授权
7. 使用 wx.chooseAddress 获取地址权限,调用接口实现购物车的逻辑
8. 点击提交下单,调后台接口及 wx.requestPayment 实现支付功能
9. 实现搜索页面布局及逻辑,并利用防抖进行优化
点击空白处退出提示












评论