开发工具中无法识别image标签的mode="aspectFill"属性
开发工具是1.01.170907版本,为image标签添加的mode="aspectFill"属性无法生效。扫描预览二维码后,在手机上显示正常。
4 回复
< view class = "images_container" > < block wx:for = "{{photos}}" > < image mode = "aspectFill" data-idx = "{{index}}" bindtap = "imageViewClicked" class = "{{(index % 5 == 0 || index % 5 == 1)?'image_col_2':'image_col_3'}}" src = "{{item.preview_url}}" > </ image > </ block > </ view > |
.images_container { margin-top : 80 rpx; width : 710 rpx; display : flex; flex-flow: row; justify- content : flex-start; align- content : flex-start; flex-wrap: wrap; position : relative ; left : 3 rpx; } .image_col_ 2 { height : 442 rpx; width : 349 rpx; margin-right : 6 rpx; margin-bottom : 6 rpx; } .image_col_ 3 { height : 290 rpx; width : 230 rpx; margin-right : 6 rpx; margin-bottom : 6 rpx; } |
代码里有段特殊的判断,是想让奇数行的照片显示3张,偶数行的照片显示两张。
目的实现下图的效果:
该图为设计图,并非截图!!!
该图为设计图,并非截图!!!
该图为设计图,并非截图!!!