Browse Source

fix: layout icon

xiaoxian521 3 years ago
parent
commit
5564250e7d
2 changed files with 7 additions and 5 deletions
  1. 2 2
      src/api/routes.ts
  2. 5 3
      src/layout/components/navbar.vue

+ 2 - 2
src/api/routes.ts

@@ -1,5 +1,5 @@
 import { http } from "../utils/http";
 
-export const getAsyncRoutes = (data?: object) => {
-  return http.request("get", "/getAsyncRoutes", { data });
+export const getAsyncRoutes = (params?: object) => {
+  return http.request("get", "/getAsyncRoutes", { params });
 };

+ 5 - 3
src/layout/components/navbar.vue

@@ -113,9 +113,10 @@ function translationEn() {
         </span>
         <template #dropdown>
           <el-dropdown-menu class="logout">
-            <el-dropdown-item icon="el-icon-switch-button" @click="logout">{{
-              $t("message.hsLoginOut")
-            }}</el-dropdown-item>
+            <el-dropdown-item @click="logout">
+              <i class="ri-logout-circle-r-line"></i
+              >{{ $t("message.hsLoginOut") }}</el-dropdown-item
+            >
           </el-dropdown-menu>
         </template>
       </el-dropdown>
@@ -254,6 +255,7 @@ function translationEn() {
 
 .logout {
   .el-dropdown-menu__item {
+    display: inline-flex;
     padding: 0 18px !important;
   }