微信小程序:布局样式
效果
wxml
<view class="layout"><view class="left"><view>1</view><view>1</view><view>1</view><view>1</view><view>1</view></view><view class="right"><view class="right-item1">2</view><view class="right-item2">3</view></view>
</view>
wxss
.layout {width: 100%;display: flex;}
.left {width: 50%;background-color: #6ba2e0;
}.right {flex: 1;display: flex;flex-direction: column;
}.right-item1 {flex: 1;background-color: #8bc34a;
}.right-item2 {flex: 1;background-color: #ce8adf;
}