feat: 添加NProgress加载进度条和优化UI样式

添加NProgress依赖并集成到路由中,实现页面切换时的加载进度条
优化友链页面、博客分类和文章列表的UI样式
调整登录按钮和图片懒加载的显示效果
新增标签随机颜色功能,提升视觉体验
This commit is contained in:
2026-01-15 17:17:40 +08:00
parent d00c18d38a
commit ac4f8dac82
17 changed files with 204 additions and 73 deletions

View File

@ -1,5 +1,6 @@
<template>
<n-config-provider :theme-overrides="themeOverrides">
<n-loading-bar-provider>
<n-message-provider>
<n-dialog-provider>
<n-modal-provider>
@ -9,19 +10,23 @@
</n-modal-provider>
</n-dialog-provider>
</n-message-provider>
</n-config-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>