W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
解釋:列表組件,支持配置主標(biāo)題文案、副標(biāo)題文案、輔助信息、圖標(biāo)等。適用于信息展示,并可放置在頁(yè)面的任何位置。
屬性名 | 類型 | 必填 | 默認(rèn)值 | 說(shuō)明 |
---|---|---|---|---|
title |
String |
是 |
'' |
主標(biāo)題文案 |
subTitle |
String |
否 |
'' |
副標(biāo)題文案 |
desc |
String |
否 |
'' |
右側(cè)輔助文案 |
imgSrc |
String |
否 |
'' |
圖片鏈接 |
disable |
Boolean |
否 |
true |
是否有點(diǎn)擊態(tài) |
smt-list-container |
String |
否 |
提供擴(kuò)展樣式類,供開(kāi)發(fā)者自定義組件樣式??赏ㄟ^(guò)此 class 修改 list 外層樣式 |
|
smt-title |
String |
否 |
提供擴(kuò)展樣式類,供開(kāi)發(fā)者自定義組件樣式。可通過(guò)此 class 修改主標(biāo)題樣式 |
|
smt-sub-title |
String |
否 |
提供擴(kuò)展樣式類,供開(kāi)發(fā)者自定義組件樣式??赏ㄟ^(guò)此 class 修改副標(biāo)題樣式 |
|
smt-desc |
String |
否 |
提供擴(kuò)展樣式類,供開(kāi)發(fā)者自定義組件樣式??赏ㄟ^(guò)此 class 修改右側(cè)輔助文案樣式 |
<smt-list
title="{{item.title}}"
sub-title="{{item.subTitle}}"
desc="{{item.desc}}"
img-src="{{item.imgSrc}}"
disable="{{item.disable}}"
></smt-list>
Page({
data: {
item: {
title: '列表信息超長(zhǎng)文本',
subTitle: '副標(biāo)題',
desc: '輔助信息',
imgSrc: 'https://b.bdstatic.com/searchbox/icms/searchbox/img/swan-demo-smt-grid.png',
disable: true
}
}
});
.smt-list-container {
<!-- 可通過(guò)此 class 修改 list 外層樣式 -->
}
.smt-title {
<!-- 可通過(guò)此 class 修改主標(biāo)題樣式 -->
}
.smt-sub-title {
<!-- 可通過(guò)此 class 修改副標(biāo)題樣式 -->
}
.smt-desc {
<!-- 可通過(guò)此 class 修改右側(cè)輔助文案樣式 -->
}
{
"navigationBarTitleText": "列表",
"usingComponents": {
"smt-list": "@smt-ui/component/src/list"
}
}
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: