recently, when I was working on the WeChat Mini Programs project, I used the flex layout. The code is as follows:
<view class="parent">
<view class="child1"></view>
<view class="child2"></view>
<view class="child3"></view>
</view>
.parent { display: flex; }
.child1 { flex-basis: 100rpx; }
.child1 { flex-basis: 200rpx; }
.child3 { flex-grow: 1; }
this doesn"t work. You have to change it to this:
.child1 { flex: 0 0 100rpx; }
.child2 { flex: 0 0 200rpx; }
Excuse me, what is the principle of this?