微信开发者工具如何将界面分为均匀12份，并插入图片？ - WXOPEN Club

就像这样排布一样，想知道如何做，谢谢！

百度一下flex布局

大概类似下面这样：wxss

container: {

display: flex;

flex-flow: row wrap;

justify-content:space-between;

align-content: flex-start;

align-items: center;

}

item: {

flex: 0 0 45%;

align-self:flex-start;

display: flex;

flex-direction: column;

justify-content: flex-start;

margin-left: 15rpx;

margin-right: 15rpx;

margin-top: 15rpx;

}

wxml

<view class='container' >

<view class='item' wx:for="{{list}}" wx:key="unique">

<image src='{{item.pic}}' mode='widthFix' style='width:100%;'/>

</view>