代码拉取完成,页面将自动刷新
依赖flex.scss
依赖hr.scss
依赖text-overflow.scss
依赖price-before.scss
依赖uni-app组件uni-icon、uni-badge
注意:索引可输入数组来支持多层循环
注意:data不包含size时不显示购物车按钮
注意:data.sku.length>1时 购物车按钮数量显示右上角badge
注意:data.size小于0时可自定义购物车按钮内容/slot="numbox"
注意:可自定义颜色:详情看组件css
click(索引, 点击位置) change(数量值, 索引)
type: { // 显示类型:column(单列)、row(多列)
type: String,
default: 'column'
},
data: { // 商品属性
type: Object
default: {
title: '标题',
titleSub: '副标题', // 可选
label: '优惠标签', // 可选
imgUrl: '图片地址',
sku: [{name:'规格'}], // 可选
price: '价格',
originalPrice: '原价', // 可选
}
},
index: { // 索引
type: [Number, Array],
default: 0
},
width: { // type为row时,多列显示
type: String,
default: '50%'
}
// 购物车按钮
max: { // 最大值
type: Number,
default: Infinity
},
step: { // 步长
type: Number,
default: 1
},
disabled: { // 是否禁用键盘输入
type: Boolean,
default: false
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。