Flex布局 - 固定尺寸

• 样式图例

• 示例代码

  <view class="cu-bar bg-white solid-bottom margin-top">
    <view class="action">
      <text class="cuIcon-title text-blue"></text>固定尺寸
    </view>
  </view>
  <view class="padding bg-white">
    <view class="flex flex-wrap">
      <view class="basis-xs bg-grey margin-xs padding-sm radius">xs(20%)</view>
      <view class="basis-df"></view>
      <view class="basis-sm bg-grey margin-xs padding-sm radius">sm(40%)</view>
      <view class="basis-df"></view>
      <view class="basis-df bg-grey margin-xs padding-sm radius">sub(50%)</view>
      <view class="basis-lg bg-grey margin-xs padding-sm radius">lg(60%)</view>
      <view class="basis-xl bg-grey margin-xs padding-sm radius">xl(80%)</view>
    </view>
  </view>