微信小程序教程之wxapp 视图容器 view

257 阅读 0 评论 170 点赞

我是靠谱客的博主迷人太阳，这篇文章主要介绍微信小程序教程之wxapp 视图容器 view，现在分享给大家，希望可以做个参考。

微信小程序教程之wxapp视图容器 swiper
微信小程序教程之wxapp视图容器 scroll-view
微信小程序教程之wxapp 视图容器 view

View

视图容器。

示例：

<view class="section">
 <view class="section__title">flex-direction: row</view>
 <view class="flex-wrp" style="flex-direction:row;">
 <view class="flex-item bc_green">1</view>
 <view class="flex-item bc_red">2</view>
 <view class="flex-item bc_blue">3</view>
 </view>
</view>
<view class="section">
 <view class="section__title">flex-direction: column</view>
 <view class="flex-wrp" style="height: 300px;flex-direction:column;">
 <view class="flex-item bc_green">1</view>
 <view class="flex-item bc_red">2</view>
 <view class="flex-item bc_blue">3</view>
 </view>
</view>