上传组件统一样式

This commit is contained in:
zhangyc
2023-01-03 13:29:12 +08:00
parent dceca9082f
commit 772c5e19e5
5 changed files with 138 additions and 214 deletions

View File

@@ -3,13 +3,13 @@
<div>
<Upload v-model:value="files" ref="uploadRef" :file-type="fileType">
<div class="accessory" style="cursor: pointer">
<button v-if="againUpload" class="xkbtn" type="button">上传附件</button>
<span class="fujian">附件</span><button v-if="againUpload" class="xkbtn" type="button">上传附件</button>
<button v-else class="xkbtn" type="button" @click="notClick">附件上传中</button>
</div>
</Upload>
<div class ="tips" style="color: rgb(153, 155, 163);">支持.pdf,.ppt,.pptx,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png,.gif,.zip</div>
</div>
<div class="mbl_items12" style="margin-left: 0">
<div class="mbl_items12" >
<div
class="i12_box1"
v-for="(item, index) in files"
@@ -124,9 +124,11 @@ function notClick(event) {
</script>
<style lang="scss">
.mbl_items12 {
width: 440px;
margin-left: 100px;
margin-top: 20px;
margin-right: 13px;
.i12_box1 {
display: flex;

View File

@@ -1142,17 +1142,18 @@ export default {
top: 10px;
}
.accessory{
margin-left: 92px;
margin-left: 54px;
}
}
}
.tips{
font-size: 12px;
margin-top: 10px;
}
.mbl_items12{
width: 373px;
margin-left: 10px;
margin-left:-13px;
}
}
}

View File

@@ -570,7 +570,7 @@ export default {
.item_inp {
flex: 1;
position: relative;
margin-left: 19px;
margin-left: -25px;
.inp_num {
position: absolute;
left: 398px;