feat: 细节调整

src/App.vue

@@ -57,11 +57,15 @@ getDeviceData();
         <!-- <el-aside width="180px" v-if="menu.show"> -->
         <el-aside :width="!menu.collapse ? '180px' : '64px'" v-if="menu.show">
           <el-menu :default-active="0" class="el-menu-vertical-demo" :collapse="menu.collapse">
-            <el-menu-item :index="index" v-for="(item, index) in routeList" :key="item.name">
+            <el-menu-item
+              :index="index"
+              v-for="(item, index) in routeList"
+              :key="item.name"
+              class="flex items-center"
+              @click="$router.push(item.path)"
+            >
               <i :class="item.meta.icon"></i>
-              <template #title>
+              <template #title>{{ item.meta.title }}</template>
-                <router-link :to="item.path">{{ item.meta.title }}</router-link>
-              </template>
             </el-menu-item>
           </el-menu>
         </el-aside>

src/views/test.vue

@@ -1,37 +0,0 @@
-<template>
-  <el-card class="box-card">
-    <template #header>
-      <div class="card-header">
-        <span>测试</span>
-      </div>
-    </template>
-    <div class="text item" v-for="item in routeList" :key="item.name">
-      <router-link :to="item.path">
-        <el-button type="text">{{ item.name }}</el-button>
-      </router-link>
-    </div>
-  </el-card>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-import { routes } from '@/routers/index.js';
-
-const routeList = ref(routes);
-</script>
-
-<style>
-.card-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.text {
-  font-size: 14px;
-}
-
-.item {
-  margin-bottom: 18px;
-}
-</style>