view

视图容器。

属性说明

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

示例

  1. <template>
  2.     <view>
  3.         <view class="uni-padding-wrap uni-common-mt">
  4.             <view class="uni-title uni-common-mt">
  5.                 flex-direction: row
  6.                 <text>\n横向布局</text>
  7.             </view>
  8.             <view class="uni-flex uni-row">
  9.                 <view class="flex-item uni-bg-red">A</view>
  10.                 <view class="flex-item uni-bg-green">B</view>
  11.                 <view class="flex-item uni-bg-blue">C</view>
  12.             </view>
  13.             <view class="uni-title uni-common-mt">
  14.                 flex-direction: column
  15.                 <text>\n纵向布局</text>
  16.             </view>
  17.             <view class="uni-flex uni-column">
  18.                 <view class="flex-item flex-item-V uni-bg-red">A</view>
  19.                 <view class="flex-item flex-item-V uni-bg-green">B</view>
  20.                 <view class="flex-item flex-item-V uni-bg-blue">C</view>
  21.             </view>
  22.         </view>
  23.     </view>
  24. </template>

uniapp

Tips

  • 如果需要使用滚动视图，请使用 scroll-view
  • 如果使用 <div> 组件编译时会被转换为 <view>。

发现错误？想参与编辑？在 GitHub 上编辑此页面！