fit: 附件名称

src/components/file/list.vue

@@ -24,8 +24,8 @@
                 >
                     <icon name="el-icon-CircleCloseFilled" :size="20" />
                 </a>
-            </template>
 
+            </template>
             <div
                 class="item flex end v-center column text-center"
                 :title="item.fileName"
@@ -33,6 +33,7 @@
                 v-else
             >
                 <icon :name="getIconName(item.fileName)" :size="40" />
+
                 <span class="filename"> {{ item.fileName }}</span>
                 <a
                     class="remove-btn"
@@ -41,6 +42,7 @@
                 >
                     <icon name="el-icon-CircleCloseFilled" :size="16" />
                 </a>
+
             </div>
         </div>
     </div>
@@ -349,7 +351,7 @@ function rotateRight() {
     margin: 2px;
     .item {
         width: 80px;
-        height: 80px;
+        height: 120px;
         margin-bottom: 12px;
         border-radius: 2px;
         color: var(--primary-color);