图片组件间隙问题

static/nativeComponents/PhotoGallery/index.wxml

@@ -15,7 +15,7 @@
     <view class="next-btn" wx:if="{{datas.componentData.style==='across'}}">
       <i class="iconfont-common common-iconyoujiantou"></i>
     </view>
-    <view style="display:{{datas.componentData.style==='tiled' ? 'flex' : ''}}" class="ul">
+    <view style="display:{{datas.componentData.style==='tiled' ? 'flex' : ''}}" class="ul {{datas.componentData.style==='tiled'?'isTiled':''}}">
       <view bindtap="itemClick" data-item="{{item}}" wx:for="{{datas.componentData.imgList}}" wx:key="index" style="margin-right:{{index===(datas.componentData.imgList.length-1)? '' : datas.componentData.imgPadding * 2 + 'rpx'}};width:{{datas.componentData.style==='across' ? datas.componentData.acrossPer+'%' : ''}}" class="li">
         <image src="{{item.imageUrl}}" style="width:{{datas.componentData.style==='tiled' ? imgArr[index].width : ''}}px;height:{{ datas.componentData.style==='tiled' ? imgArr[index].height : ''}}px" bindload="bindload" data-index="{{index}}" mode="{{datas.componentData.style==='across' ? 'widthFix' : ''}}"></image>
       </view>

static/nativeComponents/PhotoGallery/index.wxss

@@ -30,6 +30,12 @@
   display: inline-block;
   flex: 1;
 }
+.isTiled{
+  overflow: hidden;
+}
+.isTiled .li{
+  margin: -1px;
+}
 .ul .li image{
   vertical-align: middle;
   display: inline-block