<view class='imagesShow'> <block wx:for="{{tempFilePaths}}" wx:key="{{index}}"> <image src="{{item}}" data-index="{{index}}" /> </block> </view> .imagesShow{ display: flex; flex:direction:row; justify-content:space-around; padding-left:20rpx; margin: 0 auto; } .imagesShow image{ width: 200rpx; height: 200rpx; margin-top:20rpx; }
九宫格图片怎样图片之间的距离相等划分这是我代码。。。。,请问样式怎么写? <view class='jiugongge_img'> <block wx:for="{{say_info.urls}}" wx:key="*this" wx:for-index="idx" wx:for-item="da" > <view class="row" bindtap='tupianyulan' data-current='{{da}}' data-urls='{{say_info.urls}}' > <image src='{{da}}' catchtap='liulantu' data-dantu='{{da}}' data-arr='{{say_info.urls}}' >image>view> block> view> .jiugongge_img{ display: flex; flex-flow: row wrap; /* justify-content: space-between; */ } .jiugongge_img .row{ flex:0 0 32.3%; margin-right: 8rpx; } .jiugongge_img image{ width:100%; height:100px; }
2018-07-11