更新记录
1.0.0(2024-04-11)
下载此版本
详情描述列表
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.6.12 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
√ |
√ |
√ |
√ |
× |
属性
属性 |
默认 |
描述 |
backgroundColor |
#FAFAFA |
详情背景色 |
border |
true |
组件边框 |
propList |
- |
详情属性列表;该属性必填;需包含'label', 'prop'属性 |
infoData |
{} |
详情数据 |
column |
2 |
详情的列数 |
事件
方法 |
描述 |
@clickText |
属性值文本点击事件,回调参数为当前属性信息 |
槽位
名称 |
描述 |
label |
属性名称:<template slot="label" slot-scope="{ scope }"> |
text |
属性对应的值:<template slot="text" slot-scope="{ scope }"> |
使用案例
import wywDetail from '@/uni_modules/wyw-detail/components/wyw-detail/wyw-detail.vue'
components: { wywDetail }
<wyw-detail
:item-list="propList"
:info-data="data"
:border="true"
:column="1"
@clickText="clickHandle"
>
</wyw-detail>
propList: [
{
label: '名称',
prop: 'name'
}
]