image图片渲染错误,style样式,无法正常设置成功?
发布于 5 年前 作者 rzhu 3803 次浏览 来自 官方Issues
<block wx:if="{{item.image.length > 0}}">
        <!-- 一张张图片 -->
        <view wx:if="{{item.image.length === 1}}" class="image-list-group">
          <image style="width:100%;max-height:400rpx;" mode="aspectFill" src="{{item.image[0]}}" />
        </view>

        <!-- 两张或四张图片 -->
        <view wx:elif="{{weibo.image.length === 2 || weibo.image.length === 4}}" class="image-list-group">
          <image wx:for="{{item.image}}" wx:for-item="imagesss" style="width:{{twoImageSize}}px;height:{{twoImageSize}}px;"  mode="aspectFill" src="{{imagesss}}" />
        </view>
        <!-- 3列的:3、5、6、7、8、9张图片-->
        <view wx:else class="image-list-group">
          <image wx:for="{{item.image}}" wx:for-item="imagesss" style="width:{{threeImageSize}}px;height:{{threeImageSize}}px;" mode="aspectFill" src="{{imagesss}}" />
        </view>
      </block>

 

显示效果如下!

控制台AppDate twoImageSize : 166.25 threeImageSize :110

控制台Wxml 中 element.style { width :110px; height :110px}

两张图片时,在view中style中设置了twoImageSize 宽度和高度,然后无法按预想的显示!

为什么,这里会显示成threeImageSize大小的样式? 4张图片,也是一样!

控制台中的信息,上面已经写明!

哪位大神,给看看,什么情况

1 回复
<!-- 两张或四张图片 -->
        <view wx:elif="{{weibo.image.length === 2 || weibo.image.length === 4}}" class="image-list-group">
不是item.image.length ? 

回到顶部