MoeJue/douyin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: guide add mask background

Browse Source
This commit is contained in:
zyronon 2024-04-06 03:08:56 +08:00
parent befaea1b5a
commit 87d152777c
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/App.vue
View File

@ -6,6 +6,7 @@
</keep-alive> </keep-alive>
</transition> </transition>
</router-view> </router-view>
<BaseMask v-if="!isMobile" />
<div v-if="!isMobile" class="guide"> <div v-if="!isMobile" class="guide">
<Icon icon="mynaui:danger-triangle" /> <Icon icon="mynaui:danger-triangle" />
<div class="txt"> <div class="txt">
@ -28,6 +29,7 @@ import { useBaseStore } from '@/store/pinia.js'
import { onMounted, ref, watch } from 'vue' import { onMounted, ref, watch } from 'vue'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import type { RouteRecordRaw } from 'vue-router' import type { RouteRecordRaw } from 'vue-router'
import BaseMask from '@/components/BaseMask.vue'
const store = useBaseStore() const store = useBaseStore()
const route = useRoute() const route = useRoute()
@ -91,6 +93,7 @@ onMounted(() => {
} }
.guide { .guide {
z-index: 999;
background: var(--active-main-bg); background: var(--active-main-bg);
position: fixed; position: fixed;
left: 50%; left: 50%;