view

视图容器。 属性说明 示例

  1. <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

  • scroll-view
  • <div> 组件编译时会被转换为 <view>。

在 GitHub 上编辑此页面！