2018年本人做了一个淘宝购物返利的微信公众号,截至目前已运营了近5年的时间,也陆续积累了不少粉丝。近日,有部分用户反馈是否可以在公众号上展示促销商品列表,而且要具备搜索功能。为感谢粉丝朋友们的长期支持,笔者耗时一周,利用茶余饭后时间,开发了一个微信小程序,详情如下:
一、首页
包括活动图片的轮播展示、活动商品缩略图和基本信息的展示、横向滑动tabBar、搜索框等。
data-activityTags="{{item.activityTags}}" data-activityDesc="{{item.activityDesc}}" data-platLink="{{item.platLink}}" data-itemId="{{item.itemId}}" data-imgUrl="{{item.imgUrl}}" data-jType="{{item.type}}" bindtap="jump_activity">
data-minSalePrice="{{item.minSalePrice}}" data-soldNum="{{item.soldNum}}" data-spuTagList="{{item.spuTagList}}" data-redBag="{{item.redBag}}" bindtap="jump_detail">
¥{{item.maxLinePrice}}
¥{{item.minSalePrice}}
¥{{item.redBag}}
正在加载中......
没有更多数据
{{tipMsg}}
二、活动详情展示页
活动详情展示页有两种,根据type进行分别跳转。一种是展示活动详情,主要包括活动图片、活动内容、活动链接等。
{{showType}} “{{title}}” 活动链接
另一种是展示活动商品,包括活动图片、活动内容和活动商品列表。
拼多多{{title}}活动商品库
data-minSalePrice="{{item.minSalePrice}}" data-soldNum="{{item.soldNum}}" data-spuTagList="{{item.spuTagList}}" data-redBag="{{item.redBag}}" bindtap="jump_detail">
¥{{item.maxLinePrice}}
¥{{item.minSalePrice}}
¥{{item.redBag}}
正在加载中......
没有更多数据
三、商品详情展示页
商品详情展示了商品轮播图和商品信息。
wr-class="class-goods-price" symbol-class="class-goods-symbol" price="{{minSalePrice}}" type="lighter" /> 详情介绍 四、搜索页,支持按销量、价格等进行排序 综合 {{configData.soldNumMsg}} {{configData.priceSortMsg}} data-minSalePrice="{{item.minSalePrice}}" data-soldNum="{{item.soldNum}}" data-spuTagList="{{item.spuTagList}}" data-redBag="{{item.redBag}}" bindtap="jump_detail"> {{configData.priceFlag}}{{item.maxLinePrice}} -{{configData.priceFlag}}{{item.differ}} {{configData.priceFlag}}{{item.minSalePrice}} 正在加载中...... 没有更多数据 五、我的页面 展示用户余额、返利总额等信息。 class="lamp" autoplay="true" interval="2000" circular="true" vertical="true" display-multiple-items="1" >
{{configData.myOrders}} {{tipMsg}} 六、订单页面 展示待返利订单、已返利订单列表
共计 {{item.itemList.length}} 件商品,确认收货后奖励: 因篇幅有限,相关wss和ts内容未展现,读者可扫描作者微信二维码获取。感谢各位看官支持!