[update] 修改文件上传提示格式大小样式
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user