Browse Source

refactor: guide add mask background

dev
zyronon 1 year ago
parent
commit
87d152777c
  1. 3
      src/App.vue

3
src/App.vue

@ -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%;

Loading…
Cancel
Save