标签及样式调整

src/components/Tags.vue

@@ -4,15 +4,15 @@
             <li class="tags-li" v-for="(item,index) in tagsList" :class="{'active': isActive(item.path)}" :key="index">
                 <router-link :to="item.path" class="tags-li-title">{{item.title}}</router-link>
                 <span class="tags-li-icon" @click="closeTags(index)">
-                    <i class="el-icon-close"></i>
+                    <el-icon class="el-icon-close"><close /></el-icon>
                 </span>
             </li>
         </ul>
         <div class="tags-close-box">
             <el-dropdown @command="handleTags">
-                <el-button size="mini" type="primary">
+                <el-button size="small" type="primary">
                     标签选项
-                    <i class="el-icon-arrow-down el-icon--right"></i>
+                    <el-icon class="el-icon-arrow-down el-icon--right"><arrow-down /></el-icon>
                 </el-button>
                 <template #dropdown>
                     <el-dropdown-menu size="small">
@@ -25,7 +25,7 @@
     </div>
 </template>
 
-<script>
+<script lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
 import { onBeforeRouteUpdate, useRoute, useRouter } from "vue-router";

src/views/Home.vue

@@ -51,4 +51,7 @@ export default {
     .el-header{
         --el-header-padding:0
     }
+    .el-main{
+        --el-main-padding:0
+    }
 </style>