改造文章管理系统

src/components/SelectFile/index.vue

@@ -10,9 +10,11 @@
         </div>
         <div class="image-upload-item" v-else>
           <a-image
-            :width="width"
-            :height="width"
-            style="border: 1px dashed var(--grey-7)"
+            :style="{
+              border: '1px dashed var(--grey-7)',
+              width: width + 'px',
+              height: height + 'px'
+            }"
             :src="item.url"
           />
           <a class="image-upload-close" @click="onDeleteItem(index)">
@@ -23,6 +25,7 @@
       <a-button
         @click="openEdit"
         v-if="data?.length < limit"
+        :style="{ width: width + 'px', height: height + 'px' }"
         class="select-picture-btn ele-text-placeholder"
       >
         <PlusOutlined />
@@ -51,6 +54,7 @@
       value?: any;
       data?: any[];
       width?: number;
+      height?: number;
       type?: string;
       limit?: number;
       placeholder?: string;
@@ -59,6 +63,7 @@
     {
       placeholder: '请选择数据',
       width: 80,
+      height: 80,
       limit: 1
     }
   );
@@ -93,8 +98,6 @@
   .select-picture-btn {
     background-color: var(--grey-9);
     border: 1px dashed var(--border-color-base);
-    width: 80px;
-    height: 80px;
     font-size: 16px;
   }
   //.ant-image-img {