收藏
回答

image图片渲染错误,style样式,无法正常设置成功?

<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 个回答

  • Eto
    Eto
    2020-02-20
    <!-- 两张或四张图片 -->
            <view wx:elif="{{weibo.image.length === 2 || weibo.image.length === 4}}" class="image-list-group">
    不是item.image.length ? 
    
    
    2020-02-20
    有用
    回复 1
    • 千居房产-许改革
      千居房产-许改革
      2020-02-20
      非常感谢!!!之前用wx:for-item改过一次  这个weibo,忘记改了!    自己大意了!
      2020-02-20
      回复
登录 后发表内容
问题标签