chore: 文件上传 描述

This commit is contained in:
dap 2025-01-12 12:00:19 +08:00
parent 684cc83256
commit 996f498bfc

View File

@ -45,6 +45,10 @@ const props = withDefaults(
// support xxx.xxx.xx // support xxx.xxx.xx
// url // url
resultField?: 'fileName' | 'ossId' | 'url' | string; resultField?: 'fileName' | 'ossId' | 'url' | string;
/**
* 是否显示下面的描述
*/
showDescription?: boolean;
value?: string[]; value?: string[];
}>(), }>(),
{ {
@ -57,6 +61,7 @@ const props = withDefaults(
multiple: false, multiple: false,
api: uploadApi, api: uploadApi,
resultField: '', resultField: '',
showDescription: true,
}, },
); );
const emit = defineEmits(['change', 'update:value', 'delete']); const emit = defineEmits(['change', 'update:value', 'delete']);
@ -214,11 +219,11 @@ function getValue() {
{{ $t('component.upload.upload') }} {{ $t('component.upload.upload') }}
</a-button> </a-button>
</div> </div>
<div class="flex flex-wrap"> <div v-if="showDescription" class="mt-2 flex flex-wrap items-center">
请上传不超过 请上传不超过
<div class="text-primary font-bold">[{{ maxSize }}MB]</div> <div class="text-primary mx-1 font-bold">{{ maxSize }}MB</div>
<div class="text-primary font-bold">[{{ accept.join(', ') }}]</div> <div class="text-primary mx-1 font-bold">{{ accept.join('/') }}</div>
格式文件 格式文件
</div> </div>
</Upload> </Upload>