mirror of https://github.com/rocboss/paopao-ce
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.9 KiB
56 lines
1.9 KiB
<template>
|
|
<n-config-provider :theme="theme">
|
|
<n-message-provider>
|
|
<n-dialog-provider>
|
|
<div
|
|
class="app-container"
|
|
:class="{ dark: theme?.name === 'dark', mobile: !store.state.desktopModelShow }"
|
|
>
|
|
<div has-sider class="main-wrap" position="static" >
|
|
<!-- 侧边栏 -->
|
|
<div v-if="store.state.desktopModelShow">
|
|
<sidebar />
|
|
</div>
|
|
|
|
<div class="content-wrap">
|
|
<router-view
|
|
class="app-wrap"
|
|
v-slot="{ Component }"
|
|
>
|
|
<keep-alive>
|
|
<component
|
|
v-if="$route.meta.keepAlive"
|
|
:is="Component"
|
|
/>
|
|
</keep-alive>
|
|
<component
|
|
v-if="!$route.meta.keepAlive"
|
|
:is="Component"
|
|
/>
|
|
</router-view>
|
|
</div>
|
|
|
|
<!-- 右侧 -->
|
|
<rightbar />
|
|
</div>
|
|
<!-- 登录/注册公共组件 -->
|
|
<auth />
|
|
</div>
|
|
</n-dialog-provider>
|
|
</n-message-provider>
|
|
<n-global-style />
|
|
</n-config-provider>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
import { useStore } from 'vuex';
|
|
import { darkTheme } from 'naive-ui';
|
|
|
|
const store = useStore();
|
|
const theme = computed(() => (store.state.theme === 'dark' ? darkTheme : null));
|
|
</script>
|
|
|
|
<style lang="less">
|
|
@import '@/assets/css/main.less';
|
|
</style> |