feat(components): 添加主题配置抽屉,添加暗黑主题

This commit is contained in:
Soybean
2021-09-01 17:43:25 +08:00
parent 205037397f
commit a87593f58a
27 changed files with 364 additions and 36 deletions

View File

@ -3,30 +3,29 @@ import App from './App.vue';
import AppProvider from './AppProvider.vue';
import { setupStore } from './store';
import { router, setupRouter } from './router';
import { setupSmoothScroll, setupNaive } from './plugins';
import { setupSmoothScroll, setupWindicssDarkMode } from './plugins';
import 'virtual:windi.css';
import './styles/css/global.css';
async function setupApp() {
const naiveApp = createApp(AppProvider);
const appProvider = createApp(AppProvider);
const app = createApp(App);
/** 注册naive UI组件 */
setupNaive(app);
/** 挂载全局状态 */
// 挂载全局状态
setupStore(app);
// 优先挂载一下 naiveApp 解决路由守卫Axios中可使用LoadingBarDialogMessage 等之类组件
naiveApp.mount('#naiveApp', true);
// 优先挂载一下 appProvider 解决路由守卫Axios中可使用LoadingBarDialogMessage 等之类组件
appProvider.mount('#appProvider', true);
// 挂载路由
await setupRouter(app);
setupRouter(app);
// 路由准备就绪后挂载APP实例
await router.isReady();
app.mount('#app', true);
setupWindicssDarkMode();
}
setupSmoothScroll();