| | |
| | | <view class="form_item_label">现场情况</view> |
| | | <view class="form_item_uplaod"> |
| | | <view class="form_item_uplaod_list"> |
| | | <image class="uploadImg" @click="uploadImg" src="@/static/icon/ic_upload@2x.png" mode="widthFix"></image> |
| | | <view class="uploadImg"> |
| | | <image @click="uploadImg" src="@/static/icon/ic_upload@2x.png" mode="widthFix"></image> |
| | | </view> |
| | | |
| | | <view class="form_item_uplaod_list_item" v-for="(item, index) in from.files" :key="index"> |
| | | <view class="images"> |
| | | <image class="img" :src="item.url" mode="widthFix"></image> |
| | |
| | | .form_item_uplaod_list { |
| | | display: flex; |
| | | align-items: center; |
| | | flex-wrap: wrap; |
| | | justify-content: space-between; |
| | | |
| | | .uploadImg { |
| | | width: 150rpx; |
| | | height: 150rpx; |
| | | margin-right: 16rpx; |
| | | width: 22%; |
| | | height: 150rpx !important; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | // margin-right: 16rpx; |
| | | margin-bottom: 30rpx; |
| | | image { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | } |
| | | |
| | | .form_item_uplaod_list_item { |
| | | width: 150rpx; |
| | | width: 22%; |
| | | height: 150rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | position: relative; |
| | | margin-right: 16rpx; |
| | | // margin-right: 25rpx; |
| | | margin-bottom: 30rpx; |
| | | |
| | | &:last-child { |
| | | margin-right: 0 !important; |