|
|
@@ -1,8 +1,6 @@
|
|
|
<template>
|
|
|
<hc-app-config>
|
|
|
<router-view />
|
|
|
- <div class="ukey-test-1" @click="testClick1">测试1</div>
|
|
|
- <div class="ukey-test-2" @click="testClick2">测试2</div>
|
|
|
</hc-app-config>
|
|
|
</template>
|
|
|
|
|
|
@@ -18,11 +16,7 @@ const appStore = useAppStore()
|
|
|
const UserTheme = ref(appStore.getTheme)
|
|
|
|
|
|
//监听
|
|
|
-watch(() => [
|
|
|
- appStore.getTheme,
|
|
|
- appStore.getThemeVal,
|
|
|
- appStore.getColor,
|
|
|
-], ([Theme, ThemeVal, ColorVal]) => {
|
|
|
+watch(() => [appStore.getTheme, appStore.getThemeVal, appStore.getColor], ([Theme, ThemeVal, ColorVal]) => {
|
|
|
UserTheme.value = Theme
|
|
|
setUserTheme(ThemeVal, ColorVal)
|
|
|
})
|
|
|
@@ -76,18 +70,3 @@ const setUserTheme = (theme, appColor) => {
|
|
|
document.documentElement.setAttribute('class', `${theme} color-${colorName}`)
|
|
|
}
|
|
|
</script>
|
|
|
-
|
|
|
-<style lang="scss" scoped>
|
|
|
-.ukey-test-1, .ukey-test-2 {
|
|
|
- position: absolute;
|
|
|
- cursor: pointer;
|
|
|
- left: 10px;
|
|
|
- opacity: 0;
|
|
|
-}
|
|
|
-.ukey-test-1 {
|
|
|
- bottom: 40px;
|
|
|
-}
|
|
|
-.ukey-test-2 {
|
|
|
- bottom: 5px;
|
|
|
-}
|
|
|
-</style>
|
