如果您正在寻找一款v3版本的多商品sku组件的话,那我想这款组件刚好可以满足各位。
先来简单看一眼效果图:
看起来是不是还不错,如果我告诉你还可以设置主题色会不会显得更加惊艳些,只需要按照数组格式将rgb的颜色传递给组件,组件便会自动生成主题色去替换这部
分内容,简直相当好用、省事。组件的 props
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
data | 源数据(sku列表) | Array | [] | - |
modelValue | 是否显示sku组件 | Boolean | false | true |
isMaskClose | 是否可以点击遮罩层关闭 | Boolean | false | true |
isSelectMinPriceSku | 是否默认选中最低价格的sku | Boolean | true | false |
defaultTitle | 默认标题,用于没有选中完整的sku时展示 | String | ‘商品’ | - |
defaultCover | 默认封面图,用于没有选中完整的sku时展示 | String | ‘’ | - |
themeColor | 主题色,需要传入一个数组长度为3的数组,分别对应rgb三个颜色的值,例如: [84, 164, 255] | Array | [84, 164, 255] | - |
btnConfirmText | 确认按钮文字 | String | ‘确认’ | - |
notStockText | 库存不足文字 | String | ‘库存不足’ | - |
notSelectSku | 未选择完整的sku时的文字提示 | String | ‘请选择完整的sku属性’ | - |
更多详情可点击下方链接查看组件具体内容。
组件详情