view
更新时间：2024-11-13 19:05:27
view
视图容器
属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| hover-class | string | none | 指定按下去的样式类。当 hover-class='none' 时，没有点击态效果 | |
| hover-stop-propagation | boolean | false | 指定是否阻止本节点的祖先节点出现点击态 | |
| hover-start-time | number | 50 | 按住后多久出现点击态，单位毫秒 | |
| hover-stay-time | number | 400 | 手指松开后点击态保留时间，单位毫秒 |
扫码预览
组件示例
html
<view class="container">
<view class="page-body">
<view class="page-section">
<view class="page-section-title">
<text>flex-direction: row\n横向布局</text>
</view>
<view class="page-section-spacing">
<view class="flex-wrp" style="flex-direction:row;">
<view class="flex-item demo-text-1"></view>
<view class="flex-item demo-text-2"></view>
<view class="flex-item demo-text-3"></view>
</view>
</view>
</view>
<view class="page-section">
<view class="page-section-title">
<text>flex-direction: column\n纵向布局</text>
</view>
<view class="flex-wrp" style="flex-direction:column;">
<view class="flex-item flex-item-V demo-text-1"></view>
<view class="flex-item flex-item-V demo-text-2"></view>
<view class="flex-item flex-item-V demo-text-3"></view>
</view>
</view>
</view>
</view>