# **view**
视图容器,相当于HTML的DIV标签,常用于承载内容和布局。
|属性名 | 类型 |默认值 | 说明 | 最低版本|
|--|--|--|--|---|
| hover-class | String | none | 指定按下去的样式类。当 hover-class="none" 时,没有点击态效果|
| hover-stop-propagation | Boolean | false | 指定是否阻止本节点的祖先节点出现点击态 |1.5.0|
| hover-start-time | Number | 50 | 按住后多久出现点击态,单位毫秒 |
| hover-stay-time | Number | 400 | 手指松开后点击态保留时间,单位毫秒|
>示例:
>
```
<view class="section">
<view class="section__title">flex-direction: row</view>
<view class="flex-wrp" style="flex-direction:row;">
<view class="flex-item bc_green">1</view>
<view class="flex-item bc_red">2</view>
<view class="flex-item bc_blue">3</view>
</view>
</view>
<view class="section">
<view class="section__title">flex-direction: column</view>
<view class="flex-wrp" style="height: 300px;flex-direction:column;">
<view class="flex-item bc_green">1</view>
<view class="flex-item bc_red">2</view>
<view class="flex-item bc_blue">3</view>
</view>
</view>
```
![](https://box.kancloud.cn/0a4fb680ddc0786ed81088d710a4b3b0_414x736.png)
>Bug & Tip
1. tip: 如果需要使用滚动视图,请使用 scroll-view