登录注册

src/components/main-header.vue

@@ -27,11 +27,8 @@
 			</down-menu>
 			<router-link class="link" to="/my-account">
 				<span class="iconfont icon-tubiao-"></span>
-				<span>{{ $t('MainHeader.LoginOrSignin') }}</span>
-			</router-link>
-			<router-link class="link" to="/my-account">
-				<span class="iconfont icon-tubiao-"></span>
-				<span>{{ $t('MainHeader.MyAccount') }}</span>
+				<span v-if="token">{{ $t('MainHeader.MyAccount') }}</span>
+				<span v-else>{{ $t('MainHeader.LoginOrSignin') }}</span>
 			</router-link>
 		</div>
 	</header>
@@ -43,6 +40,9 @@
 	import { useI18n } from 'vue-i18n'
 	const { locale } = useI18n()
 	import { useRoute } from 'vue-router'
+	import { useUserInfoStore } from '@/stores/userInfo'
+	const userInfoStore = useUserInfoStore()
+	const token = computed(() => userInfoStore.state.token)
 	const route = useRoute()
 	const lang = computed(() => route.params.lang)
 	if (lang.value) setLang(lang.value)
@@ -119,7 +119,7 @@
 	.main-header {
 		position: fixed;
 		width: 100%;
-		height: 85px;
+		height: var(--main-header-height, 85px);
 		padding: 15px 30px;
 		box-sizing: border-box;
 		top: 0;