首页 / 脚本样式 / JavaScript / 微信小程序 教程之wxapp 视图容器 view

1. 微信小程序 教程之wxapp视图容器 swiper
2. 微信小程序 教程之wxapp视图容器 scroll-view
3. 微信小程序 教程之wxapp 视图容器 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>