新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)百度小程序教程:view視圖容器
- view 視圖容器
- 屬性說(shuō)明
- 示例
- 代碼示例 1:橫向布局
- 代碼示例 2:縱向布局
- Bug & Tip
view 視圖容器
解釋:視圖容器。相當(dāng)于 HTML 中的 div 標(biāo)簽,可將頁(yè)面分割為獨(dú)立的、不同的部分。如果需要使用滾動(dòng)視圖,請(qǐng)使用 scroll-view 組件。

屬性說(shuō)明
| 屬性名 | 類型 | 默認(rèn)值 | 必填 | 說(shuō)明 |
|---|---|---|---|---|
|
hover-class |
String |
none |
否 |
指定按下去的樣式類。當(dāng) |
|
hover-stop-propagation |
Boolean |
false |
否 |
指定是否阻止本節(jié)點(diǎn)的祖先節(jié)點(diǎn)出現(xiàn)點(diǎn)擊態(tài) |
|
hover-start-time |
Number |
50 |
否 |
按住后出現(xiàn)點(diǎn)擊態(tài)的時(shí)間長(zhǎng)度(單位:毫秒) |
|
hover-stay-time |
Number |
400 |
否 |
手指松開(kāi)后點(diǎn)擊態(tài)保留的時(shí)間長(zhǎng)度(單位:毫秒) |
示例
跳轉(zhuǎn)編輯工具
在開(kāi)發(fā)者工具中打開(kāi)
在 WEB IDE 中打開(kāi)
掃碼體驗(yàn)
代碼示例
請(qǐng)使用百度APP掃碼
代碼示例 1:橫向布局
- SWAN
- CSS
橫向布局 class="color-a"hover-class="hover"hover-stop-propagation="false"hover-start-time="100"hover-stay-time="200">A B C
代碼示例 2:縱向布局
- SWAN
- CSS
縱向布局 A B C
Bug & Tip
- Tip:如果需要使用滾動(dòng)視圖,請(qǐng)使用 scroll-view 組件。
- Tip:從基礎(chǔ)庫(kù)版本 1.12.0 開(kāi)始支持事件捕獲、冒泡。
網(wǎng)站欄目:創(chuàng)新互聯(lián)百度小程序教程:view視圖容器
當(dāng)前路徑:http://www.dlmjj.cn/article/djjhidp.html


咨詢
建站咨詢
