WeUI提供了flex布局的支持

    在外层元素添加weui-flex类
    在内层元素添加weui- flex__item类

    如示例3-29所示

    1. <view >
    2.     <view class="weui-flex">
    3.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    4.     </view>
    5.     <view class="weui-flex">
    6.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    7.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    8.     </view>
    9.     <view class="weui-flex">
    10.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    11.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    12.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    13.     </view>
    14.     <view class="weui-flex">
    15.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    16.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    17.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    18.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    19.     </view>
    20.     <view class="weui-flex">
    21.         <view><view class="placeholder">weui</view></view>
    22.         <view class="weui-flex__item"><view class="placeholder">weui</view></view>
    23.         <view><view class="placeholder">weui</view></view>
    24.     </view>
    25. </view>

    image.png