网站建设、公众号开发、微网站、微商城、小程序就找牛创网络 !

7*24小时服务专线: 152-150-65-006 023-68263070 扫描二维码加我微信 在线QQ

前端开发技术团结互助,让我们共同进步!

当前位置:主页 > 技术资讯 > 开发技术 > 前端开发技术 >

我们的优势: 10年相关行业经验,专业设计师量身定制 设计师一对一服务模式,上百家客户案例! 企业保证,正规流程,正规合作 7*24小时在线服务,售后无忧

制作小程序商城购物车时需要注意的问题

文章来源:重庆小程序开发 发布时间:2020-01-08 19:50:17 围观次数:
分享到:

摘要:就购物车功能而言,小程序商城和网站商城之间有很多相似之处。 下面,我们为小程序商城购物车功能提供一些参考。

就购物车功能而言,小程序商城和网站商城之间有很多相似之处。 下面,我们为小程序商城购物车功能提供一些参考。

小程序购物车界面,如图所示:

blob.png

显示的内容包括产品图像,产品名称,产品参数,库存,价格,购买数量,总产品价格,是否选择以及其他功能。 当用户单击以增加购买数量或填写的数量超过产品的库存时,将出现以下提示:

blob.png

如果用户需要删除当前购物车中的商品,有两种选择:一种是在商品列表中长按该商品一小段时间,另一种是向左滑动,提示如图所示:blob.png

长按使用bindlongtap事件,而滑动删除使用小程序附带的可移动视图控件。 可移动视图控件可以在微信小程序的官方教程中找到。

  还有一个全选功能,它相对简单并且类似于网站版本,但是要注意的细节是,如果单击某个项目以使其处于未选状态,则全选状态会更新到未选择状态。 通常,我们仅在所有选择的按钮中处理完全选择和取消选择的状态,因此在选择或取消选择某个产品时需要注意,您应该循环以确定所有产品的选择状态。 至少未选择一个,然后全部未选择所选状态。

上面说长按可以删除产品。 如果单击产品,则可以跳至产品详细信息页面。 单击或长按可根据时间确定。bindtouchstart=mytouchstart,bindtouchend=mytouchend

blob.png

也就是说,touch_end和tou_start之间的时间差仅为毫秒。 例如,可以判断两者之间的差异小于0.35秒,这是单击,然后触发单击事件跳至产品详细信息,否则触发长按事件。


本文由 重庆小程序开发 整理发布,转载请保留出处,内容部分来自于互联网,如有侵权请联系我们删除。

相关热词搜索:制作小程序 小程序商城 商城购物车

上一篇:微信小程序之应用商店的功能和模式
下一篇:小程序制作之商城网站建设功能分析

热门资讯

鼠标向下滚动