更新记录
1.0.0(2021-12-29)
下载此版本
基础的商城列表,仅需传入数据即可快速完成简单的商品列表
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
十月的商城列表
使用说明
- 点击使用HBuilderX导入
- 在页面中插入
组件功能
- 实现简单的商品列表
- 配置货币标识
- 使用结构化数据格式
- 点击返回商品触发onGoods,返回值为点击项,用于实现商品转跳逻辑
示例代码
`
// template
<oct-goods
:lists="goodsArr"
price-type="$"
@onGoods="onGoods"
/>
// data
goodsArr: [
{
goods_id : "",
cover : "https://yanxuan-item.nosdn.127.net/6d48e6ea51a06b1356ccda21497fdb14.png",
name : "茅台王子酒 金王子 53度 500毫升",
price : {
price_min: 275
}
},{
goods_id : "",
cover : "https://yanxuan-item.nosdn.127.net/87357968bc1d8d8334557148d15296da.png",
name : "飞天53%vol 500ml贵州茅台酒(带杯)",
price : {
price_min: 1499
}
}
]
`
列表数据说明
参数 |
参数类型 |
说明 |
goods_id |
String |
商品id |
cover |
String |
封面图 |
name |
String |
商品名称 |
price |
Object |
价格信息,obj中至少包含最低价「price_min」 |
参数说明
参数 |
参数类型 |
必要参数 |
默认值 |
说明 |
lists |
Array |
true |
[] |
列表数据,具体列表参数参考列表参数说明 |
price-type |
String |
false |
¥ |
商品价值货币符,传入即可 |
点击事件
参数 |
返回数据类型 |
说明 |
onGoods |
Object |
点击商品块返回对应商品Obj数据,用于处理转跳逻辑 |