更新记录
1.0.0(2024-04-11)
下载此版本
详情描述列表
平台兼容性
uni-app
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
- |
- |
- |
√ |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
属性
| 属性 |
默认 |
描述 |
| 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'
}
]