网站地图 | 联系我们 排名技术建站,让你对手追赶
你现在的位置:网站首页 > 学无止境 > 网站建设 > 正文内容


赣州小程序商城购物车功能开发要注意的几个问题

发布时间:2019-04-11 | 编辑 : 小勇 | 分类 : 网站建设 | 阅读: 次 | 评论 :0

   

 以前做的赣州网站商城都是以PC版和手机版的为主,最近一段时间,我接触到做微信小程序商城的项目越来越多,其实小程序商城跟网页版的商城在购物车功能上有很多类似的地方,下面我们就着重讨论下最近做的一个小程序商城的购物车功能,给那些要做小程序商城的程序员一点参考。
首先看看购物车排版和功能:如下图所示:
 

小程序商城购物车


显示的内容有商品图片,商品名称,商品参数,库存,价格,购买的数量,商品总价,是否选择等功能,当用户购买的点击增加数量或者填写的数量超过商品的库存时,会有出现以下提示:

商品库存


如果用户需要删除当前购物车的商品,可以有两种选择:一是用手指长按商品列表的商品一小段时间,两是向左滑动,弹出提示如下图所示:

购物车删除


然后点击删除按钮来进行对购买车商品的删除。
其中长按使用的是bindlongtap事件,而滑动删除是使用小程序自带的movable-view控件,movable-view控件可以在微信小程序的官方教程里查到使用的方法。
还有全选的功能,这个比较简单,跟网站版的很类似,但要注意的细节是,如果点击击某个商品让其处于非选中状态,则更新全选的状态为非选中状态,反之,如果所有的商品都处于选中状态,则更新例行的状态为选中状态。一般我们只在“全选”的按钮里处理全选与反选的状态,所以需要注意下,当选中或反选某个商品时,应该循环遍历判断所有商品的选中状态,至少有一个是非选中状态,则全选的状态为非选中。如下图所示:

小程序商城


上面说了长按可以删除商品,如果是点击某个商品,则跳转商品详情页面里,点击或长按可以根据时间来判定,bindtouchstart="mytouchstart" bindtouchend="mytouchend"

小程序代码


即touch_end与tou_start的时间差值,单为毫秒,例如可以判断两者相差小于0.35秒,则为点击,然后触发点击事件,即跳转到商品详情,反之则触发长按事件。
 
这就是小程序购物车一些要注意的细节问题,如果都做到了给用户的体验会更好。
  
 


本文标签赣州小程序开发   赣州商城开发  

赞助我们:如果你觉得本站的内容对你确实有所帮助,请赞助我们让我们有动力为你继续奉献更多有用的内容→赞助我们

版权说明:如非注明,本站文章均为 小勇工作室 原创,转载请注明出处和附带本文链接 http://www.yl0797.com/html/2019/web_0411/394.html。


联系我们
QQ:
873268813
旺旺:
wsuper勇
邮箱:
给我发邮件
QQ群:
加入交流群

Powered By 小勇工作室,Copyright www.yl0797.com © 2008-2019, 赣ICP备15004575号