掃二維碼與項(xiàng)目經(jīng)理溝通
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
解釋：折疊面板，支持配置主標(biāo)題文案和副標(biāo)題文案，并可點(diǎn)擊展開(kāi)折疊面板查看更多內(nèi)容。適用于信息展示，并可放置在頁(yè)面的任何位置。
10年積累的網(wǎng)站制作、網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)制作后付款的網(wǎng)站建設(shè)流程，更有峨邊彝族免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
| 屬性名 | 類型 | 必填 | 默認(rèn)值 | 說(shuō)明 |
|---|---|---|---|---|
|
headerType |
String |
否 |
vertical |
折疊面板 header 布局類型，horizontal 水平布局、vertical 上下布局 |
|
spread |
Boolean |
否 |
false |
展開(kāi)收起狀態(tài)，展開(kāi)為 true，收起為 false |
|
onlySpreadByIcon |
Boolean |
否 |
false |
展開(kāi)收起事件，是否僅綁定在icon上（是：true，否：false） |
|
title |
String |
是 |
header 主標(biāo)題文案 |
|
|
subTitle |
String |
否 |
‘’ |
header 否標(biāo)題文案 |
|
list |
Array |
是 |
展開(kāi)面板內(nèi)容列表 |
|
|
headerBorder |
Boolean |
否 |
true |
是否展示下邊框 |
|
animationTime |
Number |
否 |
0 |
折疊面板展開(kāi)收起動(dòng)畫時(shí)長(zhǎng)（單位：ms） |
|
spreadHeight |
String |
否 |
1rpx |
收起時(shí)內(nèi)容區(qū)的高度（單位：rpx） |
|
smt-collapse-header |
String |
否 |
提供擴(kuò)展樣式類，供開(kāi)發(fā)者自定義組件樣式?？赏ㄟ^(guò)此 class 修改header外層樣式 |
|
|
smt-header-title |
String |
否 |
提供擴(kuò)展樣式類，供開(kāi)發(fā)者自定義組件樣式?？赏ㄟ^(guò)此 class 修改主標(biāo)題樣式 |
|
|
smt-header-sub-title |
String |
否 |
提供擴(kuò)展樣式類，供開(kāi)發(fā)者自定義組件樣式?？赏ㄟ^(guò)此 class 修改副標(biāo)題樣式 |
|
|
smt-content-box |
String |
否 |
提供擴(kuò)展樣式類，供開(kāi)發(fā)者自定義組件樣式?？赏ㄟ^(guò)此 class 修改展開(kāi)面板外層樣式 |
|
|
smt-content-item |
String |
否 |
提供擴(kuò)展樣式類，供開(kāi)發(fā)者自定義組件樣式。可通過(guò)此 class 修改展開(kāi)面板每一項(xiàng)的樣式 |
|
|
spread |
EventHandle |
否 |
展開(kāi)收起觸發(fā)事件， |
跳轉(zhuǎn)編輯工具
在開(kāi)發(fā)者工具中打開(kāi)
在 WEB IDE 中打開(kāi)
掃碼體驗(yàn)
代碼示例
請(qǐng)使用百度APP掃碼
list="{{item.list}}"title="{{item.title}}"spread="{{item.spread}}"sub-title="{{item.subTitle}}"header-type="{{item.headerType}}"animation-time="{{item.animationTime}}"bind:spread="spread"smt-header-title="smt-header-title"smt-header-sub-title="smt-header-sub-title"smt-content-box="smt-content-box"smt-content-item="smt-content-item">
spread="{{slot.spread}}"spread-height="{{slot.spreadHeight}}"header-type="{{slot.headerType}}"animation-time="{{slot.animationTime}}"bind:spread="spread">插槽內(nèi)容 {{item.label}}
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
微信二維碼
微信二維碼
移動(dòng)版官網(wǎng)