From 2b99047683332624832c1dfcae596e957a710b7d Mon Sep 17 00:00:00 2001 From: ZZJ <10913410+zzj2100@user.noreply.gitee.com> Date: 星期四, 28 七月 2022 10:20:49 +0800 Subject: [PATCH] bug修复 --- src/components/IndexHeader.vue | 47 +++++++++++++++++++++++++++++++---------------- 1 files changed, 31 insertions(+), 16 deletions(-) diff --git a/src/components/IndexHeader.vue b/src/components/IndexHeader.vue index badc01c..3602825 100644 --- a/src/components/IndexHeader.vue +++ b/src/components/IndexHeader.vue @@ -6,7 +6,7 @@ <router-link to="/"> <img class="logo" src="/images/index/LOGO.png" alt="" /> </router-link> - <div class="title" @click="$router.push('/')">宸ヤ笟鐗╄仈缃戝钩鍙�</div> + <div class="title" @click="$router.push('/')">宸ヤ笟浜掕仈缃戝钩鍙�</div> <div class="label" @click="$router.push('/')">棣栭〉</div> <div class="label">浜戞湇鍔�</div> <div class="label" @click="$router.push('/manageCenter')">绠$悊涓績</div> @@ -49,11 +49,12 @@ <!-- 宸茬櫥褰曟儏鍐� --> <img class="userImg" - src="/images/index/榛樿澶村儚-01.png" + src="/images/index/8.jpg" alt="" v-if="userInfo" @mouseenter="showUserBox" @mouseleave="hiddenUserBox" + style="border-radius: 50%" /> </div> </div> @@ -67,14 +68,14 @@ > <div class="userName">{{ userInfo.username }}</div> <ul> - <li class="money"> + <!-- <li class="money"> <div class="label">浣欓</div> <div class="content"> <span class="button">鍏呭��</span> <span class="number">锟�0</span> </div> </li> - + --> <li class="personal"> <div class="label"> <router-link to="/personalCenter">涓汉涓績</router-link> @@ -86,21 +87,19 @@ </li> <li> - <div class="label"> - <router-link to="/personalCenter">璁㈠崟绠$悊</router-link> - </div> + <div class="label" @click="jump(0)">璁㈠崟绠$悊</div> </li> - <li> + <!-- <li> <div class="label">浜у搧缁垂</div> - </li> + </li> --> - <li> + <!-- <li> <div class="label">鏈娑堟伅</div> - </li> + </li> --> <li> - <div class="label">鏈敮浠樿鍗�</div> + <div class="label" @click="jump(0, 1)">鏈敮浠樿鍗�</div> </li> <li> @@ -120,6 +119,7 @@ <li class="keyItem" v-for="(item, index) in hotKeyArr" :key="index"> {{ item }} </li> + x </ul> </div> @@ -193,7 +193,7 @@ const _this = this; this.UserTimer = setTimeout(() => { _this.isShowUserBox = false; - }, 100); + }, 200); }, logOut() { @@ -211,6 +211,18 @@ duration: 2500, offset: 57, }); + }); + }, + + jump(id, type) { + if (type) { + sessionStorage.setItem("type", type); + } + this.$router.push({ + path: "/personalCenter", + query: { + id: id, + }, }); }, }, @@ -319,6 +331,9 @@ .label { color: #3d3d3d; + &:hover { + color: #0065ff; + } } } .right { @@ -427,12 +442,12 @@ .userBox { box-sizing: border-box; position: absolute; - z-index: 3; + z-index: 10; right: 20px; top: 64px; padding: 0 20px; width: 240px; - height: 427px; + height: 327px; background-color: #fff; box-shadow: 0px 4px 12px rgba(96, 100, 106, 0.12); border-radius: 4px; @@ -444,7 +459,7 @@ } ul { - height: 300px; + height: 200px; border-top: 1px solid #e9ebee; border-bottom: 1px solid #e9ebee; -- Gitblit v1.8.0