• view

    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 上编辑此页面!