400-800-9385
网站建造资讯详细

微信小程序商城购的物车功用要留意的一些细节问题

宣布日期:2019-03-12 09:25:58   作者来历:方维网络   阅读:883   标签:小程序商城    
曾经做的网站商城都是以PC版和手机版的为主,最近一段时刻,我接触到做微信小程序商城的项目越来越多,其实小程序商城跟网页版的商城在购物车功用上有许多相似的当地,下面咱们就侧重评论下最近做的一个小程序商城的购物车功用,给那些要做小程序商城的程序员一点参阅。
首要看看购物车排版和功用:如下图所示:
 

小程序商城购物车

显现的内容有产品图片,产品名称,产品参数,库存,价格,购买的数量,产品总价,是否挑选等功用,当用户购买的点击添加数量或许填写的数量超越产品的库存时,会有呈现以下提示:

产品库存

假如用户需求删去当时购物车的产品,能够有两种挑选:一是用手指长按产品列表的产品一小段时刻,两是向左滑动,弹出提示如下图所示:

购物车删去

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

小程序商城

上面说了长按能够删去产品,假如是点击某个产品,则跳转产品概况页面里,点击或长按能够依据时刻来断定,bindtouchstart="mytouchstart" bindtouchend="mytouchend"

小程序代码

即touch_end与tou_start的时刻差值,单为毫秒,例如能够判别两者相差小于0.35秒,则为点击,然后触发点击事情,即跳转到产品概况,反之则触发长按事情。
 
这便是小程序购物车一些要留意的细节问题,假如都做到了给用户的体会会更好。
  
 

如没特别注明,文章均为方维网络原创,转载请注明来自https://www.95bes6q.com/news/4942.html