<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张图片,也是一样!
控制台中的信息,上面已经写明!
哪位大神,给看看,什么情况
<!-- 两张或四张图片 --> <view wx:elif="{{weibo.image.length === 2 || weibo.image.length === 4}}" class="image-list-group"> 不是item.image.length ?