建站
咨询
售后
建站咨询
创新互联百度小程序教程：view视图容器
- view 视图容器
- 属性说明
- 示例
- 代码示例 1：横向布局
- 代码示例 2：纵向布局
- Bug & Tip
view 视图容器
解释：视图容器。相当于 HTML 中的 div 标签，可将页面分割为独立的、不同的部分。如果需要使用滚动视图，请使用 scroll-view 组件。
属性说明
| 属性名 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
|
hover-class |
String |
none |
否 |
指定按下去的样式类。当 |
|
hover-stop-propagation |
Boolean |
false |
否 |
指定是否阻止本节点的祖先节点出现点击态 |
|
hover-start-time |
Number |
50 |
否 |
按住后出现点击态的时间长度（单位：毫秒） |
|
hover-stay-time |
Number |
400 |
否 |
手指松开后点击态保留的时间长度（单位：毫秒） |
示例
跳转编辑工具
在开发者工具中打开
在 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：从基础库版本 1.12.0 开始支持事件捕获、冒泡。
新闻标题：创新互联百度小程序教程：view视图容器
网页链接：http://www.jxjierui.cn/article/djjhidp.html
