微信 小程序布局 左右三区块
![](https://images2017.cnblogs.com/blog/1157512/201709/1157512-20170914134755797-220329930.png)
/* 3三区块部分 *************/
.wear-diamonds{
display: flex;
width: 100%;
height: 300rpx;
}
.wear-diamonds>view{
width: 50%;
height:100%;
border: 1px solid black;
}
.diamonds-right>view{
width: 100%;
height: 50%;
border: 1px solid #000;
}
//------------------------------
<!-- 3三区块部分 -->
<view class="wear-diamonds">
<view class='diamonds-left'></view>
<view class='diamonds-right'>
<view></view>
<view></view>
</view>
</view>