管理员右上角

src/components/studio-one-green/homeParts1/header-1.vue

@@ -19,12 +19,14 @@
           <el-dropdown @command="toDrop">
             <el-button type="danger" plain>
               {{ user && user._id ? user.name || user.unit_name || user.nick_name : '暂无昵称' }}
-              <i class="el-icon-arrow-down el-icon--right"></i>
+              <el-icon class="el-icon--right"> <ArrowDown /></el-icon>
             </el-button>
-            <el-dropdown-menu>
-              <el-dropdown-item icon="el-icon-user" command="center">个人中心</el-dropdown-item>
-              <el-dropdown-item icon="el-icon-switch-button" command="logout">退出登录</el-dropdown-item>
-            </el-dropdown-menu>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item :icon="User" command="center"> 个人中心 </el-dropdown-item>
+                <el-dropdown-item :icon="SwitchButton" command="logout">退出登录</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
           </el-dropdown>
         </el-col>
       </el-col>
@@ -34,7 +36,7 @@
 
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
-
+import { ArrowDown, User, SwitchButton } from '@element-plus/icons-vue';
 import store from '@/stores/counter';
 import { ref, onMounted } from 'vue';
 import type { Ref } from 'vue';
@@ -53,10 +55,7 @@ const toDrop = (e: string) => {
     router.push({ path: '/userInfo/center' });
   }
 };
-
-const toPath = (value: string) => {
-  router.push({ path: `${value}` });
-}; // 模块跳转
+// 模块跳转
 const modulePath = (e: { path: string }) => {
   window.location.href = `${e.path}`;
 };