fix: 调整登录/注册/忘记密码页面

xinkeaboard-web/assets/style/register.scss

@@ -2,7 +2,7 @@
 .sld_login {
   .sld_login_header {
     height: 88px;
-    background: #F6F8FA;
+    background: #fff;
     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
 
     .content {

xinkeaboard-web/pages/login.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="sld_login">
+    <NavTopBar />
     <div class="sld_login_header">
       <div class="content">
         <nuxt-link tag="a" class="l_logo" :to="'/'">
@@ -23,35 +24,46 @@
         </div>
       </div>
     </div>
-    <NavTopBar/>
     <div class="sld_login_content">
-      <img
-        class="bg"
-        :src="ImgBG"
-        :onerror="defaultBgImg"
-        alt
-      />
+      <img class="bg" :src="ImgBG" :onerror="defaultBgImg" alt />
       <div class="login">
         <div class="login_box">
           <div class="top">
             <div class="item1">{{ L["账号登录"] }}</div>
           </div>
-          <LoginEmail ref="loginEmail" v-if="appType === 'user'" :loginLoding="loginLoding" @login="login" />
-          <LoginPhone ref="loginPhone" v-if="appType === 'distributor'" :loginLoding="loginLoding" @login="login" />
+          <LoginEmail
+            ref="loginEmail"
+            v-if="appType === 'user'"
+            :loginLoding="loginLoding"
+            @login="login"
+          />
+          <LoginPhone
+            ref="loginPhone"
+            v-if="appType === 'distributor'"
+            :loginLoding="loginLoding"
+            @login="login"
+          />
           <div
             :class="{
               bottom: true,
               flex_row_between_center: wxEnable == 0,
               flex_row_end_center: wxEnable != 0,
             }"
-            style="padding: 0 30px;"
+            style="padding: 0 30px"
           >
-            <a class="a_link" href="javascript:void(0)" @click="goToPage('/register')">{{
-              L["立即注册"]
-            }}</a>
-            <router-link class="a_link" tag="a" :to="`/member/login/forget`" style="margin-right: 0px">{{
-              L["忘记密码"]
-            }}</router-link>
+            <a
+              class="a_link"
+              href="javascript:void(0)"
+              @click="goToPage('/register')"
+              >{{ L["立即注册"] }}</a
+            >
+            <router-link
+              class="a_link"
+              tag="a"
+              :to="`/member/login/forget`"
+              style="margin-right: 0px"
+              >{{ L["忘记密码"] }}</router-link
+            >
           </div>
         </div>
       </div>
@@ -69,7 +81,7 @@ const configInfo = useUserInfo();
 const filtersStore = useFiltersStore();
 
 const loginEmail = ref();
-const loginPhone = ref()
+const loginPhone = ref();
 
 const config = useRuntimeConfig();
 const appType = config.public.appType;
@@ -79,7 +91,7 @@ const router = useRouter();
 const route = useRoute();
 const { proxy } = getCurrentInstance();
 // const keyEnter = ref(true);
-const loginLoding = ref(false)
+const loginLoding = ref(false);
 
 const defaultImg = ref("/common_top_logo.png");
 const defaultBgImg = ref("/login_bg.png");
@@ -147,8 +159,9 @@ const login = (param) => {
         });
       } else {
         //提示错误
-        const instance = appType === 'user' ? loginEmail.value : loginPhone.value;
-        instance.updateErrorMsg(res.msg)
+        const instance =
+          appType === "user" ? loginEmail.value : loginPhone.value;
+        instance.updateErrorMsg(res.msg);
       }
     })
     .finally(() => {
@@ -175,7 +188,6 @@ onMounted(() => {
     ElMessage.error(decodeURIComponent(route.query.error));
   }
 });
-
 </script>
 <style lang="scss" scoped>
 @import "@/assets/style/register.scss";
@@ -226,27 +238,27 @@ onMounted(() => {
     input::placeholder {
       font-weight: 400;
       font-size: $fontE;
-      color: rgba(40,46,48,0.6);
+      color: rgba(40, 46, 48, 0.6);
     }
 
     ::-webkit-input-placeholder {
       font-weight: 400;
       font-size: $fontE;
-      color: rgba(40,46,48,0.6);
+      color: rgba(40, 46, 48, 0.6);
     }
 
     /* 使用webkit内核的浏览器 */
     :-moz-placeholder {
       font-weight: 400;
       font-size: $fontE;
-      color: rgba(40,46,48,0.6);
+      color: rgba(40, 46, 48, 0.6);
     }
 
     /* Firefox版本19+ */
     :-ms-input-placeholder {
       font-weight: 400;
       font-size: $fontE;
-      color: rgba(40,46,48,0.6);
+      color: rgba(40, 46, 48, 0.6);
     }
   }
 
@@ -284,7 +296,7 @@ onMounted(() => {
     background: $colorMain;
     font-weight: bold;
     font-size: 20px;
-    color: #FFFFFF;
+    color: #ffffff;
     text-align: center;
     border-radius: 2px;
     width: 100%;

xinkeaboard-web/pages/member/login/forget.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="sld_login">
+    <NavTopBar/>
     <div class="sld_login_header">
       <div class="content">
         <nuxt-link tag="a" class="l_logo" :to="`/`">
@@ -22,7 +23,6 @@
         </div>
       </div>
     </div>
-    <NavTopBar/>
     <div class="sld_login_content">
       <img
         class="bg"

xinkeaboard-web/pages/register.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="sld_login">
+    <NavTopBar/>
     <div class="sld_login_header">
       <div class="content">
         <nuxt-link tag="a" class="l_logo" :to="'/'">
@@ -23,7 +24,6 @@
         </div>
       </div>
     </div>
-    <NavTopBar/>
     <div class="sld_login_content">
       <img
         class="bg"