This commit is contained in:
gssong 2025-03-05 22:26:55 +08:00
commit f241c187b3
4 changed files with 9 additions and 3 deletions

View File

@ -197,8 +197,6 @@ h6 {
} }
.card-box { .card-box {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 10px; margin-bottom: 10px;
} }

View File

@ -7,6 +7,7 @@
:before-upload="handleBeforeUpload" :before-upload="handleBeforeUpload"
:file-list="fileList" :file-list="fileList"
:limit="limit" :limit="limit"
:accept="fileAccept"
:on-error="handleUploadError" :on-error="handleUploadError"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:on-success="handleUploadSuccess" :on-success="handleUploadSuccess"
@ -79,6 +80,9 @@ const showTip = computed(() => props.isShowTip && (props.fileType || props.fileS
const fileUploadRef = ref<ElUploadInstance>(); const fileUploadRef = ref<ElUploadInstance>();
// fileType fileAccept
const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(','));
watch( watch(
() => props.modelValue, () => props.modelValue,
async (val) => { async (val) => {

View File

@ -8,6 +8,7 @@
:on-success="handleUploadSuccess" :on-success="handleUploadSuccess"
:before-upload="handleBeforeUpload" :before-upload="handleBeforeUpload"
:limit="limit" :limit="limit"
:accept="fileAccept"
:on-error="handleUploadError" :on-error="handleUploadError"
:on-exceed="handleExceed" :on-exceed="handleExceed"
:before-remove="handleDelete" :before-remove="handleDelete"
@ -87,6 +88,9 @@ const showTip = computed(() => props.isShowTip && (props.fileType || props.fileS
const imageUploadRef = ref<ElUploadInstance>(); const imageUploadRef = ref<ElUploadInstance>();
// fileType fileAccept
const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(','));
watch( watch(
() => props.modelValue, () => props.modelValue,
async (val: string) => { async (val: string) => {

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="p-2"> <div class="p-2">
<el-row> <el-row :gutter="10">
<el-col :span="24" class="card-box"> <el-col :span="24" class="card-box">
<el-card shadow="hover"> <el-card shadow="hover">
<template #header> <template #header>