[update] 修改文件上传提示格式大小样式

This commit is contained in:
lideqin
2024-07-09 13:54:00 +08:00
parent e2727af6c1
commit d8986b63f4
+16 -2
View File
@@ -1,5 +1,5 @@
<template> <template>
<div :id="containerId" style="position: relative"> <div :id="containerId" class="upload-div" style="position: relative">
<a-upload <a-upload
name="file" name="file"
:action="uploadAction" :action="uploadAction"
@@ -27,8 +27,8 @@
<a-icon type="upload" /> <a-icon type="upload" />
{{ text ? text : $t('clickToUpload') }} {{ text ? text : $t('clickToUpload') }}
</a-button> </a-button>
<p>{{ tips }}</p>
</slot> </slot>
<p class="tips">{{ tips }}</p>
</template> </template>
</a-upload> </a-upload>
@@ -513,4 +513,18 @@ export default {
} }
} }
} }
.upload-div {
&>span {
display: inline-block;
width: 100%;
/deep/ .ant-upload {
width: 100% !important;
}
}
}
.tips {
width: 100%;
word-break: break-all;
}
</style> </style>