플렉스 레이아웃에서는 컨테이너의 너비와 높이가 각각 100%로 설정되고, 하위 요소 이미지의 너비와 높이가 200rpx로 설정되며, 상위 요소의 너비와 높이는 하위 요소를 따릅니다. 100% 효과.

Question

wxml:

<view class='tz'>

 <image class='tz-image' src='../../image/tz.png'></image>

 <text class='tz-text'>欢迎来到***平台</text>

wxss:

.tz{

 너비: 100%;

 높이: 100% ;

 디스플레이: flex;

 배경: rebeccapurple;

 여백: 5rpx;

}

.tz-image{

 너비: 200rpx;

 높이: 200rpx;

}

. tz-text{

 배경: 빨간색;

 }

</view>