41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
Vue
|
<template>
|
||
|
|
<a-config-provider
|
||
|
|
:locale="locale"
|
||
|
|
:theme="{
|
||
|
|
algorithm: store.theme === 'realDark' ? theme.darkAlgorithm : theme.defaultAlgorithm,
|
||
|
|
token: {
|
||
|
|
colorPrimary: `${store.themeColor}`,
|
||
|
|
borderRadius: roundedCornerStyleOpen ? 6 : 2
|
||
|
|
}
|
||
|
|
}"
|
||
|
|
>
|
||
|
|
<a-watermark
|
||
|
|
:content="loginUserWatermarkOpen && userInfo ? [userInfo.name, userInfo.account] : undefined"
|
||
|
|
class="admin-ui-main"
|
||
|
|
>
|
||
|
|
<router-view />
|
||
|
|
</a-watermark>
|
||
|
|
</a-config-provider>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup name="App">
|
||
|
|
import i18n from '@/locales'
|
||
|
|
import { globalStore } from '@/store'
|
||
|
|
import { theme } from 'ant-design-vue'
|
||
|
|
const store = globalStore()
|
||
|
|
store.initTheme()
|
||
|
|
const locale = i18n.global.messages.value[i18n.global.locale.value].lang
|
||
|
|
// 获取用户信息
|
||
|
|
const userInfo = computed(() => {
|
||
|
|
return store.userInfo
|
||
|
|
})
|
||
|
|
// 水印开关
|
||
|
|
const loginUserWatermarkOpen = computed(() => {
|
||
|
|
return store.loginUserWatermarkOpen
|
||
|
|
})
|
||
|
|
// 圆角风格
|
||
|
|
const roundedCornerStyleOpen = computed(() => {
|
||
|
|
return store.roundedCornerStyleOpen
|
||
|
|
})
|
||
|
|
</script>
|