更新记录
1.0.0(2020-11-05)
1.0.0 (2020-11-5)
版本号
1.0.0
描述
商品展示列表,类似于淘宝的推荐商品展示页面,商品的点击事件已重新自定义,无需使用onclick触发
使用方法
/* goods参数传递商品列表数据 clickItem每个商品点击的触发事件 */
<mk-goods-list :goods="goods" @clickItem="goodsItem"></mk-goods-list>
/* 点击方法触发后,会回调两个参数,第一个参数当前点击的商品数据,第二个参数是拿到当前点击的$event值 */
goodsItem(item, e) {
console.log(item);
console.log(e);
}
参数列表
属性名 |
说明 |
备注 |
img |
商品展示图片 |
title |
商品标题 |
littleTitle |
商品小标题 |
amount |
金额 |
amountRemark |
金额后的描述 |
label |
最下面的说明 |
支持HTML代码 |
各端适配情况
目前已测试H5,微信小程序,APP均可正常运行
平台兼容性
HbuilderX/cli最低兼容版本 |
2.6.4 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
1.0.0 (2020-11-5)
版本号
1.0.0
描述
商品展示列表,类似于淘宝的推荐商品展示页面,商品的点击事件已重新自定义,无需使用onclick触发
使用方法
/* goods参数传递商品列表数据 clickItem每个商品点击的触发事件 */
<mk-goods-list :goods="goods" @clickItem="goodsItem"></mk-goods-list>
/* 点击方法触发后,会回调两个参数,第一个参数当前点击的商品数据,第二个参数是拿到当前点击的$event值 */
goodsItem(item, e) {
console.log(item);
console.log(e);
}
参数列表
属性名 |
说明 |
备注 |
img |
商品展示图片 |
title |
商品标题 |
littleTitle |
商品小标题 |
amount |
金额 |
amountRemark |
金额后的描述 |
label |
最下面的说明 |
支持HTML代码 |
extra |
额外字段.... |
各端适配情况
目前已测试H5,微信小程序,APP均可正常运行