- 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
<view class="wrap"><view class="card-area"><view class="top-description border-bottom">横向布局</view><view class="rowlike"><viewclass="color-a"hover-class="hover"hover-stop-propagation="false"hover-start-time="100"hover-stay-time="200"><text>A</text></view><view class="color-b"><text>B</text></view><view class="color-c"><text>C</text></view></view></view></view>
代码示例 2：纵向布局
- SWAN
- CSS
<view class="wrap"><view class="card-area"><view class="top-description border-bottom">纵向布局</view><view class="collike"><view class="color-a"><text>A</text></view><view class="color-b"><text>B</text></view><view class="color-c"><text>C</text></view></view></view></view>
Bug & Tip
- Tip：如果需要使用滚动视图，请使用 scroll-view 组件。
- Tip：从基础库版本 1.12.0 开始支持事件捕获、冒泡。
