|
@@ -34,9 +34,9 @@
|
|
|
<view class="info-item">{{ detaile.volunteerReview }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="upload-box">
|
|
|
+ <view class="upload-box-see">
|
|
|
<view class="upload-img-item" v-for="(item) in volunteerPicture" :key="item.url">
|
|
|
- <img class="upload-img" :src="item.url" :alt="item.fileName" srcset="">
|
|
|
+ <img class="upload-img-see" :src="item.url" :alt="item.fileName" srcset="">
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -48,9 +48,9 @@
|
|
|
<view class="info-item">{{ detaile.userReview || '用户未完成评价'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="upload-box">
|
|
|
+ <view class="upload-box-see">
|
|
|
<view class="upload-img-item" v-for="(item) in userPicture" :key="item.url">
|
|
|
- <img class="upload-img" :src="item.url" :alt="item.fileName" srcset="">
|
|
|
+ <img class="upload-img-see" :src="item.url" :alt="item.fileName" srcset="">
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -278,19 +278,19 @@ onLoad((options) => {
|
|
|
}
|
|
|
|
|
|
.upload-img {
|
|
|
- // height: 68px;
|
|
|
- // width: 68px;
|
|
|
+ height: 68px;
|
|
|
+ width: 68px;
|
|
|
margin-right: 12px;
|
|
|
margin-bottom: 12px;
|
|
|
}
|
|
|
|
|
|
.upload-box {
|
|
|
- // display: flex;
|
|
|
- // flex-wrap: wrap;
|
|
|
display: flex;
|
|
|
- flex-direction: column;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ // display: flex;
|
|
|
+ // flex-direction: column;
|
|
|
+ // align-items: center;
|
|
|
+ // justify-content: center;
|
|
|
|
|
|
.upload-img-item {
|
|
|
position: relative;
|
|
@@ -303,6 +303,15 @@ onLoad((options) => {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .upload-box-see {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ .upload-img-see{
|
|
|
+ margin-bottom: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
.phone {
|
|
|
color: #3c9cff;
|