马踏优选(移动端)

我要开发同款
proginn14170029582022年12月11日
163阅读
所属分类微信小程序APPH5网站

作品详情

1.每次请求数据调用 uni.showLoading 给用户一个加载信息,搜索组件、商品列表、订单详情使用了 uniapp 分包,提
高进入页面时的加载速度;
熟悉React框架,state状态处理、组件生命周期,能够进行简单的业务开发;
2.使用 mixins 全局混入,底部导航栏来分发 vue 组件中购物车数量、购物车徽标等可复用功能,购物车视图不需要重
新刷新;
3.搜索模块:实现了搜索关键字,搜索历史,搜索结果列表,使用了自己封装的防抖方法;
4.商品列表:请求数据时,默认关闭节流阀,动态渲染商品列表,获取商品列表数据的时候开启节流阀,请求完毕关闭
节流阀,使用下拉刷新 onPullDownRefresh 重置关键数据并重新发起请求。使用 onReachBottom,当滑动到达底部
150 距离的时候判断是否还有下一页,有则页数+1,无则调用 uni.showLoading 给用户提示信息;
5.订单详情: 使用 uni.previewImage 方法预览图片,使用字符串的 replace 方法,为 img 标签添加行内的 style 样式
解决图片底部空白间隙的问题,使用了 rich-text 商品详情信息图片渲染到页面;
6.购物车:通过将购物车数据存储在 vuex,将购物车中的数据持久化存储在本地,使用 mutations 方法对购物车商品进
行商品删除、全选、单选、数量等功能的实现。通过判断购物车的长度,当长度不等于 0 是正常显示,否则出现空白购物
车;
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论