logo

src/api/loginPage.ts

@@ -17,7 +17,13 @@ export function logout() {
   return new Promise((resolve) => {
     const token = getToken();
     if (token) {
-      return httpApp.post("/api/ess/auth/logout").catch(() => {});
+      return httpApp
+        .post("/api/ess/auth/logout", null, {
+          "axios-retry": {
+            retries: 0,
+          },
+        })
+        .catch(() => {});
     } else {
       resolve(0);
     }

src/components/Layout.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="tw-h-screen tw-flex">
     <div class="tw-bg-white">
-      <div class="tw-text-center tw-py-10">qm logo</div>
+      <div class="tw-py-2 tw-flex tw-justify-center">
+        <img class="qm-logo-img" />
+      </div>
       <a-menu style="width: 240px" mode="inline" :open-keys="['sub1', 'sub2']">
         <a-sub-menu key="sub1">
           <template #icon> <span class="basic-icon"></span> </template>
@@ -90,6 +92,11 @@ async function doLogout() {
   color: #4d66fd;
 }
 
+.qm-logo-img {
+  content: url(@/assets/qm-logo.png);
+  filter: invert(1);
+}
+
 .basic-icon {
   background-image: url(./images/基础管理.png);
   margin-right: -2px;

src/features/Login/Login.vue

@@ -7,7 +7,7 @@
       </div>
 
       <div class="tw-bg-white" style="padding: 0 70px 0 90px">
-        <div style="padding: 80px 0">icon</div>
+        <div style="padding: 80px 0"><img class="qm-logo-img" /></div>
 
         <div style="width: 300px">
           <a-form-item>
@@ -16,7 +16,6 @@
           <a-form-item>
             <a-input-password
               v-model:value="password"
-              type="pa"
               placeholder="请输入密码"
               @keypress.enter="login"
             />
@@ -75,4 +74,9 @@ async function login() {
   flex-direction: column;
   justify-content: space-between;
 }
+
+.qm-logo-img {
+  content: url(@/assets/qm-logo.png);
+  filter: invert(1);
+}
 </style>