Forráskód Böngészése

feature/样式优化

dy 11 hónapja
szülő
commit
fb9a2816de
1 módosított fájl, 8 hozzáadás és 9 törlés
  1. 8 9
      src/components/ExcelView/index.vue

+ 8 - 9
src/components/ExcelView/index.vue

@@ -2,13 +2,7 @@
   <div class="oprea" v-if="option.opreaState">
     <div class="header">
       <div style="display: flex">
-        <el-button
-          type="primary"
-          class="btn"
-          v-if="option.out"
-          @click="downloadExcel"
-          >导出</el-button
-        >
+        <span class="btn" v-if="option.out" @click="downloadExcel">导 出</span>
         <el-upload
           accept=".xlsx"
           ref="upload"
@@ -19,7 +13,7 @@
           v-if="option.in"
         >
           <template #trigger>
-            <el-button type="primary" class="btn">导入</el-button>
+            <span class="btn">导 入</span>
           </template>
         </el-upload>
       </div>
@@ -223,8 +217,13 @@ onMounted(() => {
       width: 80px;
       border-radius: 16px;
       height: 40px;
-      font-size: 16px;
+      font-size: 20px;
       margin: 0 10px;
+      border: 2px dashed #000;
+      font-weight: 500;
+      display: flex;
+      justify-content: center;
+      align-items: center;
     }
     .info {
       width: 260px;