微信搜索【鹅莓甄选】

猿急送>武汉前端兼职程序员>zy>

案例列表

基本信息

案例ID：198078

技术顾问：zy - 4年经验 - 湖北国免网络科技有限公司

联系沟通

微信扫码，建群沟通

项目名称：微信搜索【鹅莓甄选】

所属行业：生活消费 - 美容

->查看更多案例

案例介绍

项目介绍:
此项目使用小程序原生开发的美妆商城，是公司线上销售的渠道，由分类、购物车、订单、我的模块组成有
优惠券、余额充值、会员、秒杀、拼团、直播、商品视频播放、点亮灯牌等功能。
开发技术：
1. 使用微信原生JavaScript API进行页面渲染和逻辑处理。
2. 采用iview作为小程序UI框架，提供了一系列易用的组件。
负责模块：
1、tabBar页面的主题配置，根据后台配置数据，展示对应的色系、图片、图标。
2、首页由自定义导航栏，和小样/正品两个单独的模块组件展示。
2、视频播放页，仿抖音上下滑动观看视频视频，用swiper循环滚动+动态切换video播放路径实现该功能。
3、充值、会员购买页面，根据需求完成页面动态效果，实现支付操作。
4、秒杀功能，更具后台配置的秒杀活动，展示活动的倒计时，展示秒杀商品的价格和优惠力度。
5、搜索、直播、灯牌、我的、品牌等功能。
难点：
1、首页的专区吸顶效果实现，因为页面是小程序组件并没有监听滚动的事件，并且页面的高度会随着活动开
始结束而变化，很难准确定位到指定位置。
解决方法：在首页index页面获得活动状态计算页面高度，并监听滚动，获得组件示例传值。
2、视频播放功能，使用swiper实现，存在视频刷到后面dome过多导致页面很卡；动态切换video播放路径
存在视频播放不流畅和加载白屏问题；
解决方法：使用swiper无缝轮播+动态切换video播放路径实现；