111

src/components/index/Header.vue

@@ -5,10 +5,20 @@
         <img :src="system_logo" alt="" />
       </div>
       <div class="right" v-if="!isLogin">
-          <span @mouseenter="onMouserEnter(false)" :class="isHover?'':'is-hover'" @click="toLogin">登录</span>
-          <span @mouseenter="onMouserEnter(true)" :class="isHover?'is-hover':''" @click="toRegister">注册</span>
+        <span
+          @mouseenter="onMouserEnter(false)"
+          :class="isHover ? '' : 'is-hover'"
+          @click="toLogin"
+          >登录</span
+        >
+        <span
+          @mouseenter="onMouserEnter(true)"
+          :class="isHover ? 'is-hover' : ''"
+          @click="toRegister"
+          >注册</span
+        >
       </div>
-      <div class="right" v-else>
+      <div class="right alreadyLogin" v-else>
         <el-dropdown @command="handleCommand" trigger="click">
           <div class="el-dropdown-link">
             <img src="@/assets/img/default.svg" class="img_user" />
@@ -30,7 +40,7 @@
 </template>
 <script>
 /* eslint-disable */
-import {logout} from "r/index/login";
+import { logout } from "r/index/login";
 
 export default {
   name: "Header",
@@ -38,9 +48,8 @@ export default {
     return {
       isHover: true,
       system_logo: window.localStorage.getItem("system_logo"),
-      isLogin:false,
+      isLogin: false,
       phone: window.localStorage.getItem("phone"),
-
     };
   },
   created() {
@@ -49,7 +58,7 @@ export default {
   methods: {
     toLogin() {
       let code = localStorage.getItem("index-identity");
-      this.$router.push("/login?code="+code);
+      this.$router.push("/login?code=" + code);
     },
     handleCommand(command) {
       if (command == 2) {
@@ -59,13 +68,13 @@ export default {
         this.toCenter();
       }
     },
-    toCenter(){
+    toCenter() {
       let code = localStorage.getItem("index-identity");
-      this.$router.replace("/signUp/examInfo?code="+code);
+      this.$router.replace("/signUp/examInfo?code=" + code);
     },
     toRegister() {
       let code = localStorage.getItem("index-identity");
-      this.$router.push("/register?code="+code);
+      this.$router.push("/register?code=" + code);
     },
     async logout() {
       const confirmResult = await this.$confirm(`确认退出登录？`, "提示", {
@@ -95,15 +104,15 @@ export default {
       window.localStorage.removeItem("campindex_type");
       this.isLogin = false;
     },
-    onMouserEnter(val){
+    onMouserEnter(val) {
       this.isHover = val;
     },
   },
 };
 </script>
 <style  lang="scss" scoped>
-  @import "a/scss/common";
-  .Header {
+@import "a/scss/common";
+.Header {
   font-family: PingFang SC;
   height: 80px;
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
@@ -129,15 +138,15 @@ export default {
         &:last-child {
           margin-left: 10px;
         }
-          &.is-hover{
+        &.is-hover {
           cursor: pointer;
           color: var(--color);
           border-color: var(--color);
         }
       }
+      &.alreadyLogin span {
+        padding: 0 !important;
       }
-      .right {
-        height: 80px;
 
       ::v-deep .el-dropdown {
         height: 80px;
@@ -166,5 +175,5 @@ export default {
       }
     }
   }
-  }
+}
 </style>

src/views/index/recruit/Index.vue

@@ -81,7 +81,7 @@ export default {
     width: 100%;
     padding: 0;
     background-color: #ffffff;
-    z-index: 10000;
+    z-index: 2000;
 
     .bg-top {
       // height: 24px;