所有的视图组件，包括view、swiper等，本身不显示任何可视化元素。它们的用途都是为了包裹其他真正显示的组件。

view

视图容器。

它类似于传统html中的div，用于包裹各种元素内容。

属性说明

属性名	类型	默认值	说明
hover-class	String	none	指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
hover-stop-propagation	Boolean	false	指定是否阻止本节点的祖先节点出现点击态，H5、支付宝小程序、百度小程序不支持（支付宝小程序、百度小程序文档中都有此属性，实测未支持）
hover-start-time	Number	50	按住后多久出现点击态，单位毫秒
hover-stay-time	Number	400	手指松开后点击态保留时间，单位毫秒

示例 查看演示

以下示例代码，来自于hello uni-app项目，推荐使用HBuilderX，新建uni-app项目，选择hello uni-app模板，可快速体验完整示例。

Vue

<template>
  <view>
    <view class="uni-padding-wrap uni-common-mt">
      <view class="uni-title uni-common-mt">
        flex-direction: row
        <text>\n横向布局</text>
      </view>
      <view class="uni-flex uni-row">
        <view class="flex-item uni-bg-red">A</view>
        <view class="flex-item uni-bg-green">B</view>
        <view class="flex-item uni-bg-blue">C</view>
      </view>
      <view class="uni-title uni-common-mt">
        flex-direction: column
        <text>\n纵向布局</text>
      </view>
      <view class="uni-flex uni-column">
        <view class="flex-item flex-item-V uni-bg-red">A</view>
        <view class="flex-item flex-item-V uni-bg-green">B</view>
        <view class="flex-item flex-item-V uni-bg-blue">C</view>
      </view>
    </view>
  </view>
</template>

<template>
  <view>
    <view class="uni-padding-wrap uni-common-mt">
      <view class="uni-title uni-common-mt">
        flex-direction: row
        <text>\n横向布局</text>
      </view>
      <view class="uni-flex uni-row">
        <view class="flex-item uni-bg-red">A</view>
        <view class="flex-item uni-bg-green">B</view>
        <view class="flex-item uni-bg-blue">C</view>
      </view>
      <view class="uni-title uni-common-mt">
        flex-direction: column
        <text>\n纵向布局</text>
      </view>
      <view class="uni-flex uni-column">
        <view class="flex-item flex-item-V uni-bg-red">A</view>
        <view class="flex-item flex-item-V uni-bg-green">B</view>
        <view class="flex-item flex-item-V uni-bg-blue">C</view>
      </view>
    </view>
  </view>
</template>

Tips

• 小程序平台如果使用 <div> ，编译时会被转换为 <view>。