css flex 布局

view：

<view class="box">
  <view class="left"></view>
  <view class="right"></view>
</view>

css:

.box {
  width: 100%;
  height: 200rpx;
  display: flex;
}
.box .right {
  width: 100%;
  height: 100%;
  flex: 1;
  background: burlywood;
}
.box .left {
  width: 100%;
  height: 100%;
  flex: 1;
  background: rebeccapurple;
}

Comments Closed.