帝国cms微信商城小程序之多规格颜色尺寸长度等sku弹出层模块封装调用

为方便sku弹出层的使用,将其封装,下面先描述一下封装以后,调用的方法

第一步,先引入

var lsk=require("../../static/js/lsk.js");

第二步,在onLoad中注入js脚本

帝国cms微信商城小程序之多规格颜色尺寸长度等sku弹出层模块封装调用

第三步,在wxml中引入sku的模板

帝国cms微信商城小程序之多规格颜色尺寸长度等sku弹出层模块封装调用

第四步,在当前页面,需要调用的节点中,绑定click_goods事件,并其节点赋予data-classid与data-infoid属性即可至此,调用完成。

下面演示一下调用结果,分别调用了三个不同的产品。这样在任意地方均可以调用此弹出此层了。

 

帝国cms微信商城小程序之多规格颜色尺寸长度等sku弹出层模块封装调用