From 50c564c2568e7fb52d8dcbcbebb937a6a8284eeb Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期四, 02 十一月 2023 17:05:45 +0800
Subject: [PATCH] MrShi
---
bicycle/pages/problemReporting/problemReporting.vue | 26 ++++++++++++++++++++------
1 files changed, 20 insertions(+), 6 deletions(-)
diff --git a/bicycle/pages/problemReporting/problemReporting.vue b/bicycle/pages/problemReporting/problemReporting.vue
index 225ea9e..0f9315b 100644
--- a/bicycle/pages/problemReporting/problemReporting.vue
+++ b/bicycle/pages/problemReporting/problemReporting.vue
@@ -25,7 +25,10 @@
<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>
@@ -531,21 +534,32 @@
.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;
--
Gitblit v1.9.3