mirror of
https://github.com/hi2shark/nazhua.git
synced 2026-01-14 16:20:44 +08:00
60 lines
1.0 KiB
Vue
60 lines
1.0 KiB
Vue
<template>
|
|
<div
|
|
class="nezha-user-info-group"
|
|
>
|
|
<a
|
|
:href="dashboardUrl"
|
|
class="dashboard-url"
|
|
:title="userLogin ? '访问管理后台' : '登录管理后台'"
|
|
target="_blank"
|
|
>
|
|
<span
|
|
:class="{
|
|
'ri-dashboard-3-line': userLogin,
|
|
'ri-user-line': !userLogin,
|
|
}"
|
|
/>
|
|
<span>{{ userLogin ? '管理后台' : '登录' }}</span>
|
|
</a>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
/**
|
|
* 控制台入口
|
|
*/
|
|
import {
|
|
computed,
|
|
} from 'vue';
|
|
import {
|
|
useStore,
|
|
} from 'vuex';
|
|
|
|
import config from '@/config';
|
|
|
|
const store = useStore();
|
|
|
|
const userLogin = computed(() => store.state.profile?.username);
|
|
const dashboardUrl = computed(() => config.nazhua.v1DashboardUrl || '/dashboard');
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.nezha-user-info-group {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0 20px;
|
|
|
|
.dashboard-url {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0 5px;
|
|
color: #ddd;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
color: #ff9a00;
|
|
}
|
|
}
|
|
}
|
|
</style>
|