名创优品小程序
案例介绍
项目介绍：MINISO 名创优品以时尚休闲生活百货为主，囊括生活百货、创意家居、健康美容、潮流饰品、文体礼
品、季节性产品、精品包饰、数码配件等八大类，超过 10000 种产品，涵盖生活所需的方方面面。
个人职责：
1. 根据 UI 设计师提供的设计图， 实现简约优雅的小程序界面布局
2. 实现 tabbar 栏模块的切换，配合后台开发人员实现首页，分类页及商品详情页的数据渲染
3. 实现购物车，订单模块
技术要点：
8、调用 wx.makePhoneCall 方法实现拨打热线电话功能；给 button 属性 open-type=“contact”实现微信
客服功能
9、使用 onPullDownRefresh 实现下拉刷新，配置 onReachBottom 函数实现上拉加载，实现上拉加载功能时，
为了避免 setData 的列表数据过大，可以采用二维数组的方式去存储数据列表
10、使用图片懒加载，加快首屏加载速度，增强用户体验
11、页面采用 flex 快速完成布局，提高开发效率
12、通过 bindtap 绑定事件，传递参数给 navigateTo 进行跳转
13、购物车模块，封装函数判断全选状态，因编辑时不显示金额，故加减，删除商品均不需触发请求，完成编
辑时发送请求同步数据即可（减少不必要的 http 请求）
14、封装重复性高的组件（搜索框，商品详情，商品列表），提高代码复用性
名创优品小程序
案例介绍
项目名称：名创优品小程序
项目介绍：MINISO 名创优品以时尚休闲生活百货为主，囊括生活百货、创意家居、健康美容、潮流饰品、文体礼
品、季节性产品、精品包饰、数码配件等八大类，超过 10000 种产品，涵盖生活所需的方方面面。
个人职责：
1. 根据 UI 设计师提供的设计图， 实现简约优雅的小程序界面布局
2. 实现 tabbar 栏模块的切换，配合后台开发人员实现首页，分类页及商品详情页的数据渲染
3. 实现购物车，订单模块
技术要点：
8、调用 wx.makePhoneCall 方法实现拨打热线电话功能；给 button 属性 open-type=“contact”实现微信
客服功能
9、使用 onPullDownRefresh 实现下拉刷新，配置 onReachBottom 函数实现上拉加载，实现上拉加载功能时，
为了避免 setData 的列表数据过大，可以采用二维数组的方式去存储数据列表
10、使用图片懒加载，加快首屏加载速度，增强用户体验
11、页面采用 flex 快速完成布局，提高开发效率
12、通过 bindtap 绑定事件，传递参数给 navigateTo 进行跳转
13、购物车模块，封装函数判断全选状态，因编辑时不显示金额，故加减，删除商品均不需触发请求，完成编
辑时发送请求同步数据即可（减少不必要的 http 请求）
14、封装重复性高的组件（搜索框，商品详情，商品列表），提高代码复用性
案例图片
相似案例推荐
-
运维体系建设
1、制定IDC管理流程 2、服务器品牌、网络设备品牌型号采
-
运维体系建设&IDC业务迁移海外
1、前期IDC标准调研 2、IDC、服务器、网络设备选型、
-
分销商城小程序
项目名称：分销商城小程序。 功能模块：分销模块；商品分类模
-
玩转万山
首页聚合分发：集成实时天气、轮播广告、金刚区（酒店/美食等业
-
金财慧稅F3
多模式身份认证 (Multi-mode Authentica
-
CI/CD 自动化流水线与云原生架构部署
项目背景 因业务快速迭代需求，需解决传统部署模式下「环境不
1小时精推人才
需求方专属客服，免费梳理匹配
