收藏
回答

微信开发者工具如何将界面分为均匀12份,并插入图片?

就像这样排布一样,想知道如何做,谢谢!

最后一次编辑于  11-18
回答关注问题邀请回答
收藏

2 个回答

  • xplee
    xplee
    11-18

    大概类似下面这样: 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>
    </view>


    11-18
    赞同 1
    回复
  • 米法(BINNIE SMILE)
    米法(BINNIE SMILE)
    11-18

    百度一下flex布局

    11-18
    赞同
    回复 1
    • 橙子
      橙子
      11-18
      好的,谢谢
      11-18
      回复
问题标签