视图容器。
它类似于传统html中的div，用于包裹各种元素内容。
如果使用nvue，则需注意，包裹文字应该使用组件。

属性说明

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

示例 查看演示

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

  1. <!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 -->
  2. <template>
  3.     <view>
  4.         <view class="uni-padding-wrap uni-common-mt">
  5.             <view class="uni-title uni-common-mt">
  6.                 flex-direction: row
  7.                 <text>\n横向布局</text>
  8.             </view>
  9.             <view class="uni-flex uni-row">
  10.                 <view class="flex-item uni-bg-red">A</view>
  11.                 <view class="flex-item uni-bg-green">B</view>
  12.                 <view class="flex-item uni-bg-blue">C</view>
  13.             </view>
  14.             <view class="uni-title uni-common-mt">
  15.                 flex-direction: column
  16.                 <text>\n纵向布局</text>
  17.             </view>
  18.             <view class="uni-flex uni-column">
  19.                 <view class="flex-item flex-item-V uni-bg-red">A</view>
  20.                 <view class="flex-item flex-item-V uni-bg-green">B</view>
  21.                 <view class="flex-item flex-item-V uni-bg-blue">C</view>
  22.             </view>
  23.         </view>
  24.     </view>
  25. </template>

view - 图1
Tips

  • 如果使用 <div> ，编译时会被转换为 <view>。