建站
咨詢
售后
建站咨詢
新聞中心
- horizontal-scroll-list 橫向滾動(dòng)面板
- 屬性說明
- 示例
- 代碼示例
- 代碼示例
horizontal-scroll-list 橫向滾動(dòng)面板
解釋：橫向滾動(dòng)面板，用于信息展示，可放置在頁面的任何位置。
成都創(chuàng)新互聯(lián)作為成都網(wǎng)站建設(shè)公司，專注成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)，有關(guān)成都企業(yè)網(wǎng)站建設(shè)方案、改版、費(fèi)用等問題，行業(yè)涉及木屋等多個(gè)領(lǐng)域，已為上千家企業(yè)服務(wù)，得到了客戶的尊重與認(rèn)可。
屬性說明
| 屬性名 | 類型 | 必填 | 默認(rèn)值 | 說明 |
|---|---|---|---|---|
titleList | Array | 是 | 左側(cè)標(biāo)題數(shù)據(jù) | |
contentList | Array. | 是 | 內(nèi)容數(shù)據(jù) | |
iconColor | String | 否 | #2b99ff | 超出兩行截?cái)鄷r(shí)提示 icon 的顏色 |
lastRowBg | String | 否 | #fff | 最后一行的背景顏色 |
lastRowColor | String | 否 | #000 | 最后一行的字體顏色 |
lastRowDiff | Boolean | 否 | false | 最后一行是否展示自定義樣式 |
smt-left-title | String | 否 | 提供擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過此 class 改變左側(cè)標(biāo)題樣式 | |
smt-top-title | String | 否 | 提供擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過此 class 改變頂部標(biāo)題樣式 | |
smt-content-item | String | 否 | 提供擴(kuò)展樣式類，供開發(fā)者自定義組件樣式，可通過此 class 改變每一項(xiàng)內(nèi)容的樣式 | |
bind:lower | EventHandle | 滾動(dòng)到右邊，會(huì)觸發(fā) lower 事件 | ||
bind:upper | EventHandle | 滾動(dòng)到左邊，會(huì)觸發(fā) upper 事件 |
示例
跳轉(zhuǎn)編輯工具
在開發(fā)者工具中打開
在 WEB IDE 中打開
掃碼體驗(yàn)
代碼示例
請(qǐng)使用百度APP掃碼
代碼示例
- SWAN
- JS
- CSS
- JSON
title-list="{{titleList}}"content-list="{{contentList}}"smt-left-title="smt-left-title"smt-top-title="smt-top-title"smt-content-item="smt-content-item"bind:lower="lower"bind:upper="upper">
當(dāng)前題目：創(chuàng)新互聯(lián)百度小程序教程：horizontal-scroll-list橫向滾動(dòng)面板
本文地址：http://fisionsoft.com.cn/article/cddipdg.html
