youzitree/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

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

9
src/components/menuH.vue
View File

@ -31,8 +31,7 @@
</div>
</n-dropdown>
<div v-else class="flex items-center" @click="toLogin">
<n-avatar round class="cursor-pointer"></n-avatar>
<div class="cursor-pointer ml-2 text-gray text-sm">登录</div>
<n-button size="small" type="primary" @click="toLogin">登录</n-button>
</div>
</div>
<!-- 登录弹窗 -->
@ -51,8 +50,10 @@
<div class="cursor-pointer ml-2 text-gray text-sm">{{ userinfo.nickname }}</div>
</div>
<div v-else class="flex items-center">
<n-avatar round class="cursor-pointer" @click="toLogin"></n-avatar>
<div class="cursor-pointer ml-2 text-gray text-sm" @click="toLogin">登录</div>
<!-- <n-avatar round class="cursor-pointer" @click="toLogin"></n-avatar>
<div class="cursor-pointer ml-2 text-gray text-sm" @click="toLogin">登录</div> -->
<n-button type="primary" size="small" @click="toLogin">登录</n-button>
</div>
</div>
</div>