feat: 添加NProgress加载进度条和优化UI样式
添加NProgress依赖并集成到路由中,实现页面切换时的加载进度条 优化友链页面、博客分类和文章列表的UI样式 调整登录按钮和图片懒加载的显示效果 新增标签随机颜色功能,提升视觉体验
This commit is contained in:
@ -9,4 +9,14 @@
|
||||
|
||||
.n-scrollbar-rail__scrollbar {
|
||||
background-color: #f6cbe770 !important;
|
||||
}
|
||||
|
||||
/* 添加渐变背景色 */
|
||||
#nprogress .bar {
|
||||
background: linear-gradient(to right, #ec66ab, #f78c6c, #7ed6df);
|
||||
}
|
||||
|
||||
/* 添加平滑过渡效果 */
|
||||
#nprogress .bar {
|
||||
transition: width 0.2s ease-in-out;
|
||||
}
|
||||
@ -1,3 +1,5 @@
|
||||
@import "./base.less";
|
||||
|
||||
@import "qweather-icons/font/qweather-icons.css";
|
||||
@import 'md-editor-v3/lib/preview.css';
|
||||
@import 'md-editor-v3/lib/preview.css';
|
||||
@import "nprogress/nprogress.css";
|
||||
@import "./base.less";
|
||||
Reference in New Issue
Block a user