微信小程序图片上下有等值空白问题

会飞的胖达喵

于 2019-05-22 11:28:08 发布

阅读量2.5k

点赞数 3

分类专栏：微信小程序

本文链接：https://blog.csdn.net/lengyue1084/article/details/90440566

版权

微信小程序专栏收录该内容

28 篇文章

订阅专栏

表现如下：

<view class='article-list'>
      <block wx:for="{{list}}" wx:for-index="idx" wx:key="{{idx}}" wx:for-item="vo">
        <view class='item-box'>
          <image src='{{avatar_url}}' mode='aspectFit'></image>
          <view>fsfsafasfasf</view>
          <view>
            <text>2019-01-01</text>
            <text>99次浏览</text>
          </view>
        </view>
      </block>
    </view>

.item-box {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.item-box > image {
  width: 100%;
  vertical-align: center;
}

翻了下文档，把image标签mode改成widthFix就好使了