Browse Source

样式bug修改

v2
蟑螂恶霸 2 years ago
parent
commit
fa191dfb37
  1. 2
      src/views/enforce/enforcementPlanAdd.vue
  2. 8
      src/views/enforce/sign.vue
  3. 8
      src/views/enterprise/complaint.vue
  4. 18
      src/views/enterprise/complaintDetailView.vue
  5. 10
      src/views/enterprise/registrationDetail.vue

2
src/views/enforce/enforcementPlanAdd.vue

@ -523,7 +523,7 @@
.popup-btn a { .popup-btn a {
width: 45%; width: 45%;
color: #333; color: #333;
font-size: 0.4rem; font-size: 0.37rem;
line-height: 2.5; line-height: 2.5;
text-align: center; text-align: center;
border: 1px solid #ddd; border: 1px solid #ddd;

8
src/views/enforce/sign.vue

@ -162,10 +162,10 @@
<div class="file-upload"> <div class="file-upload">
<div class="file-upload-center"> <div class="file-upload-center">
<label>上传附件</label> <span>(不多于9张)</span> <label>上传附件</label> <span>(不多于8张)</span>
</div> </div>
<!-- :after-read="uploadFiles" --> <!-- :after-read="uploadFiles" -->
<van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="9" :after-read="uploadFiles" :before-delete="deleteFile"> <van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="8" :after-read="uploadFiles" :before-delete="deleteFile">
<template #preview-cover="{ file }"> <template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div> <div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template> </template>
@ -807,6 +807,10 @@ const beforeRead = (file) =>{
width: calc(100% - 0.86rem); width: calc(100% - 0.86rem);
} }
/deep/ .van-uploader__preview-image {
width: 1.92rem !important;
}
.preview-cover { .preview-cover {
position: absolute; position: absolute;
bottom: 0; bottom: 0;

8
src/views/enterprise/complaint.vue

@ -149,7 +149,7 @@
<van-divider class="divdsty"/> <van-divider class="divdsty"/>
<div class="file-upload"> <div class="file-upload">
<div class="file-upload-center"> <div class="file-upload-center">
<label>上传附件</label> <span>(不多于9张)</span> <label>上传附件</label> <span>(不多于8张)</span>
</div> </div>
<!-- <van-uploader v-model="submitData.fileListObj" class="file" :after-read="uploadFiles" multiple :max-size="500 * 1024" @oversize="onOversize" :before-delete="deleteFile">--> <!-- <van-uploader v-model="submitData.fileListObj" class="file" :after-read="uploadFiles" multiple :max-size="500 * 1024" @oversize="onOversize" :before-delete="deleteFile">-->
<!-- <template #preview-cover="{ file }">--> <!-- <template #preview-cover="{ file }">-->
@ -162,7 +162,7 @@
<div class="preview-cover van-ellipsis">{{ file.name }}</div> <div class="preview-cover van-ellipsis">{{ file.name }}</div>
</template> </template>
</van-uploader> --> </van-uploader> -->
<van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="9" <van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="8"
:after-read="uploadFiles" :before-delete="deleteFile"> :after-read="uploadFiles" :before-delete="deleteFile">
<template #preview-cover="{ file }"> <template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div> <div class="preview-cover van-ellipsis">{{ file.name }}</div>
@ -545,6 +545,10 @@
width: calc(100% - 0.86rem); width: calc(100% - 0.86rem);
} }
/deep/ .van-uploader__preview-image {
width: 1.92rem !important;
}
.preview-cover { .preview-cover {
position: absolute; position: absolute;
bottom: 0; bottom: 0;

18
src/views/enterprise/complaintDetailView.vue

@ -77,9 +77,9 @@
height="100" height="100"
:src="item.url" :src="item.url"
/> />
<!-- <div class="file-upload-center">--> <div class="file-upload-center">
<!-- <label>上传附件</label> <span>(不多于9张)</span>--> <label>附件</label>
<!-- </div>--> </div>
<!-- <van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="9"--> <!-- <van-uploader v-model="submitData.fileListObj" class="file" multiple max-count="9"-->
<!-- :after-read="uploadFiles" :before-delete="deleteFile">--> <!-- :after-read="uploadFiles" :before-delete="deleteFile">-->
<!-- <template #preview-cover="{ file }">--> <!-- <template #preview-cover="{ file }">-->
@ -462,6 +462,7 @@
.file-upload-center { .file-upload-center {
position: absolute; position: absolute;
width: 90%;
height: 20%; height: 20%;
top: 10%; top: 10%;
left: 0.43rem; left: 0.43rem;
@ -492,6 +493,17 @@
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
} }
.zoom {
margin-top: 0.65rem;
padding-top: 0.27rem;
padding-left: 0.27rem;
img {
width: 1.92rem;
height: 2rem;
padding-right: 0.27rem;
}
}
.rigbtn { .rigbtn {
float: right; float: right;
position: relative; position: relative;

10
src/views/enterprise/registrationDetail.vue

@ -89,9 +89,9 @@
<van-divider class="divdsty" /> <van-divider class="divdsty" />
<div class="file-upload"> <div class="file-upload">
<!-- <div class="file-upload-center"> <div class="file-upload-center">
<label>上传附件</label> <span>(不多于9张)</span> <label>附件</label>
</div> --> </div>
<!-- <van-uploader v-model="submitData.fileListObj" accept="" class="file" multiple :max-size="500 * 1024" :after-read="uploadFiles" :before-delete="deleteFile"> <!-- <van-uploader v-model="submitData.fileListObj" accept="" class="file" multiple :max-size="500 * 1024" :after-read="uploadFiles" :before-delete="deleteFile">
<template #preview-cover="{ file }"> <template #preview-cover="{ file }">
<div class="preview-cover van-ellipsis">{{ file.name }}</div> <div class="preview-cover van-ellipsis">{{ file.name }}</div>
@ -446,6 +446,7 @@ const reciveData2 = (item) =>{
} }
.file-upload-center { .file-upload-center {
position: absolute; position: absolute;
width: 90%;
height: 20%; height: 20%;
top: 10%; top: 10%;
left: 0.43rem; left: 0.43rem;
@ -474,10 +475,11 @@ const reciveData2 = (item) =>{
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
} }
.zoom { .zoom {
margin-top: 0.65rem;
padding-top: 0.27rem; padding-top: 0.27rem;
padding-left: 0.27rem; padding-left: 0.27rem;
img { img {
width: 2rem; width: 1.92rem;
height: 2rem; height: 2rem;
padding-right: 0.27rem; padding-right: 0.27rem;
} }

Loading…
Cancel
Save