[applet] realize the effect of double column commodities

 wxml Code

<!-- ======  Commodity area  ====== -->

<view class="shopBox">

    <view class="proc" wx:for="{
   {8}}">
         goods 1
    </view>
</view>

wcss Code

.shopBox {
    height: 500px;
    width: 96%;
    background-color: rgb(203, 237, 250);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.proc {
    height: 200px;
    width: 48%;
    background-color: #fad2d2;
    margin-left: 5px;
    margin-bottom: 5px;
    text-align: center;
    line-height: 200px;
}