diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index 0d4c18c11114980fd66e1b984e21779807f3ff4b..1a757ba0850e48703010a66d60ebbebb5ffcdbc7 100644
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@@ -17,8 +17,11 @@
       :headers="headers"
       v-model:file-list="fileList"
       :on-preview="handlePictureCardPreview"
+      :style="cssVars"
       :class="{ hide: fileList.length >= limit }">
-      <el-icon class="avatar-uploader-icon"><plus /></el-icon>
+      <slot name="icon">
+        <el-icon class="avatar-uploader-icon"><uploadFilled /></el-icon>
+      </slot>
 
       <template v-slot:tip>
         <div class="el-upload__tip" v-if="showTip">
@@ -63,7 +66,7 @@ const props = defineProps({
   // 图片数量限制
   limit: {
     type: Number,
-    default: 5
+    default: 1
   },
   // 大小限制(MB)
   fileSize: {
@@ -73,7 +76,7 @@ const props = defineProps({
   // 文件类型, 例如['png', 'jpg', 'jpeg']
   fileType: {
     type: Array,
-    default: () => ['png', 'jpg', 'jpeg']
+    default: () => ['png', 'jpg', 'jpeg', 'webp']
   },
   // 是否显示提示
   isShowTip: {
@@ -83,6 +86,12 @@ const props = defineProps({
   // 上传携带的参数
   data: {
     type: Object
+  },
+  style: {
+    type: Object,
+    default: {
+      width: '120px'
+    }
   }
 })
 
@@ -98,7 +107,12 @@ const headers = ref({ Authorization: 'Bearer ' + getToken() })
 const fileList = ref([])
 const showTip = computed(() => props.isShowTip && (props.fileType || props.fileSize))
 const uploadData = computed(() => props.data)
-
+const cssVars = computed(() => {
+  return {
+    '--el-upload-picture-card-size': props.style.width,
+    '--el-upload-list-picture-card-size': props.style.width
+  }
+})
 watch(
   () => props.modelValue,
   (val) => {
@@ -206,3 +220,11 @@ function copySuccess() {
   proxy.$modal.msgSuccess('复制成功')
 }
 </script>
+<style>
+.el-upload--picture-card {
+  --el-upload-picture-card-size: unset;
+}
+.el-upload-list--picture-card {
+  --el-upload-list-picture-card-size: unset;
+}
+</style>
diff --git a/src/views/system/article/publish.vue b/src/views/system/article/publish.vue
index d6ef2e3fe8bcf1f3735959cc49ab15ea85cbc3f0..bcea9c11f7e42035b4181edef55f6d81906f1bc1 100644
--- a/src/views/system/article/publish.vue
+++ b/src/views/system/article/publish.vue
@@ -33,14 +33,24 @@
               <el-tag v-for="tag in form.dynamicTags" :key="tag" class="mr10" closable :disable-transitions="false" @close="handleCloseTag(tag)">
                 {{ tag }}
               </el-tag>
-              <el-input v-if="inputVisible" ref="inputRef" v-model="inputValue" @keyup.enter="handleInputConfirm" @blur="handleInputConfirm" />
+              <el-input
+                v-if="inputVisible"
+                style="width: 100px"
+                ref="inputRef"
+                v-model="inputValue"
+                @keyup.enter="handleInputConfirm"
+                @blur="handleInputConfirm" />
 
               <el-button v-else class="button-new-tag" size="small" icon="plus" text @click="showInput">文章标签</el-button>
             </el-form-item>
           </el-col>
 
           <el-form-item label="文章封面">
-            <UploadImage ref="uploadRef" v-model="form.coverUrl" :limit="1" :fileSize="15" :drag="true" />
+            <UploadImage ref="uploadRef" v-model="form.coverUrl" :limit="1" :fileSize="15">
+              <template #icon>
+                <el-icon class="avatar-uploader-icon"><plus /></el-icon>
+              </template>
+            </UploadImage>
           </el-form-item>
           <el-form-item prop="content" label="文章内容">
             <MdEditor v-model="form.content" :onUploadImg="onUploadImg" />