view

功能描述

视图容器。

组件属性

属性名	类型	默认值	说明
hover-class	String	none	指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
hover-stop-propagation	Boolean	false	指定是否阻止本节点的祖先节点出现点击态
hover-start-time	Number	50	按住后多久出现点击态，单位毫秒
hover-stay-time	Number	400	手指松开后点击态保留时间，单位毫秒

示例代码

<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>

预览

信息

如果需要使用滚动视图，请使用 scroll-view