view

视图容器。

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

示例

  1. <!--view.jxml-->
  2. <view class="section">
  3.     <view class="section-title">
  4.         <text>横向展示的视图 flex-direction:row</text>
  5.     </view>
  6.     <view >
  7.         <view class="flex-wrp" style="flex-direction:row;">
  8.             <view class="flex-item flex-item-H v1"></view>
  9.             <view class="flex-item flex-item-H v2"></view>
  10.             <view class="flex-item flex-item-H v3"></view>
  11.         </view>
  12.     </view>
  13. </view>
  14. <view class="section">
  15.     <view class="section-title">
  16.         <text>纵向展示的视图 flex-direction:column</text>
  17.     </view>
  18.     <view class="flex-wrp" style="flex-direction:column;">
  19.         <view class="flex-item flex-item-V v-1"></view>
  20.         <view class="flex-item flex-item-V v-2"></view>
  21.         <view class="flex-item flex-item-V v-3"></view>
  22.     </view>
  23. </view>

视图容器 - 图1

Bug & Tip

  1. tip:如果需要使用滚动视图，请使用 scroll-view