添加NProgress依赖并集成到路由中,实现页面切换时的加载进度条 优化友链页面、博客分类和文章列表的UI样式 调整登录按钮和图片懒加载的显示效果 新增标签随机颜色功能,提升视觉体验
34 lines
838 B
Vue
34 lines
838 B
Vue
<template>
|
|
<n-config-provider :theme-overrides="themeOverrides">
|
|
<n-loading-bar-provider>
|
|
<n-message-provider>
|
|
<n-dialog-provider>
|
|
<n-modal-provider>
|
|
<n-scrollbar style="max-height: 100vh">
|
|
<lay-index></lay-index>
|
|
</n-scrollbar>
|
|
</n-modal-provider>
|
|
</n-dialog-provider>
|
|
</n-message-provider>
|
|
</n-loading-bar-provider>
|
|
</n-config-provider>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import themeOverrides from '@/util/theme.ts';
|
|
|
|
import layIndex from './Index.vue';
|
|
// 空白项目入口
|
|
const logStatus = $store.log.useLogStore()
|
|
|
|
// 全局禁用右键菜单
|
|
document.oncontextmenu = function () {
|
|
return false;
|
|
};
|
|
onMounted(() => {
|
|
|
|
if ($cookies.get('userinfo')) logStatus.setIsLogin(true)
|
|
})
|
|
</script>
|
|
|
|
<style scoped lang="less"></style> |