建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：view視圖容器
- view 視圖容器
- 屬性說明
- 示例
- 代碼示例 1：橫向布局
- 代碼示例 2：縱向布局
- Bug & Tip
view 視圖容器
解釋：視圖容器。相當(dāng)于 HTML 中的 div 標(biāo)簽，可將頁面分割為獨立的、不同的部分。如果需要使用滾動視圖，請使用 scroll-view 組件。
屬性說明
| 屬性名 | 類型 | 默認(rèn)值 | 必填 | 說明 |
|---|---|---|---|---|
|
hover-class |
String |
none |
否 |
指定按下去的樣式類。當(dāng) |
|
hover-stop-propagation |
Boolean |
false |
否 |
指定是否阻止本節(jié)點的祖先節(jié)點出現(xiàn)點擊態(tài) |
|
hover-start-time |
Number |
50 |
否 |
按住后出現(xiàn)點擊態(tài)的時間長度（單位：毫秒） |
|
hover-stay-time |
Number |
400 |
否 |
手指松開后點擊態(tài)保留的時間長度（單位：毫秒） |
示例
跳轉(zhuǎn)編輯工具
在開發(fā)者工具中打開
在 WEB IDE 中打開
掃碼體驗
代碼示例
請使用百度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：如果需要使用滾動視圖，請使用 scroll-view 組件。
- Tip：從基礎(chǔ)庫版本 1.12.0 開始支持事件捕獲、冒泡。
本文名稱：創(chuàng)新互聯(lián)百度小程序教程：view視圖容器
文章路徑：http://m.5511xx.com/article/djjhidp.html
