modify: 退款售后_上传样式

src/component/uploadImg/uploadImg.wxml

 <!--component/uploadImg/uploadImg.wxml-->
 <view class="page-upload-img">
-  <view class="upload-img-wrap" wx:for="{{pics}}" wx:key="{{index}}">
+<!--  <view class="upload-img-wrap" wx:for="{{pics}}" wx:key="{{index}}">
     <image class="upload-img" src="{{item}}"></image>
   </view>
   <view class="upload-wrap" bindtap="uploadImg" wx:if="{{pics.length < 5}}">
     <view class="upload-text">+图片</view>
+  </view>-->
+
+  <view class="flex-wrp" style="padding-bottom:{{pics.length >= 4 ? '100px;' : '0px'}};">
+    <view class="flex-item bc_green"  wx:for="{{pics}}" wx:key="{{index}}">
+      <image class="item-img" src="{{item}}"></image>
+    </view>
+    <view class="flex-item bc_green">
+      <view class="upload-wrap" bindtap="uploadImg" wx:if="{{pics.length < 5}}">
+        <view class="upload-text">+图片</view>
+      </view>
+    </view>
   </view>
 </view>
+
+

src/component/uploadImg/uploadImg.wxss

@@ -4,8 +4,8 @@
   flex-wrap: wrap;
 }
 .upload-wrap{
-  width: 160rpx;
-  height: 160rpx;
+  /* width: 160rpx; 
+  height: 160rpx;*/
   border-radius: 5rpx;
   border: 1px solid rgba(216, 216, 216, 1);
   line-height: 160rpx;
@@ -21,4 +21,22 @@
 }
 .upload-img-wrap{
   margin-right: 20rpx;
-}
+}
\ No newline at end of file
+.item-img {
+  width: 100%;
+  height: 160rpx;
+}
+
+.flex-wrp {
+  width: 100%;
+  height: 160rpx;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+}
+.flex-item {
+  margin-bottom: 20rpx;
+  width: 21%;
+  height: 160rpx;
+  margin-left: 20rpx;
+}