mirror of
https://github.com/zclzone/vue-naive-admin.git
synced 2025-05-01 06:39:01 +08:00
92 lines
1.5 KiB
SCSS
92 lines
1.5 KiB
SCSS
/**********************************
|
|
* @Author: Ronnie Zhang
|
|
* @LastEditor: Ronnie Zhang
|
|
* @LastEditTime: 2023/12/05 21:26:28
|
|
* @Email: zclzone@outlook.com
|
|
* Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
|
|
**********************************/
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#app {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* transition fade-slide */
|
|
.fade-slide-leave-active,
|
|
.fade-slide-enter-active {
|
|
transition: all 0.3s;
|
|
}
|
|
|
|
.fade-slide-enter-from {
|
|
opacity: 0;
|
|
transform: translateX(-30px);
|
|
}
|
|
|
|
.fade-slide-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(30px);
|
|
}
|
|
|
|
/* 自定义滚动条样式 */
|
|
.cus-scroll {
|
|
overflow: auto;
|
|
&::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
}
|
|
.cus-scroll-x {
|
|
overflow-x: auto;
|
|
&::-webkit-scrollbar {
|
|
width: 0;
|
|
height: 8px;
|
|
}
|
|
}
|
|
.cus-scroll-y {
|
|
overflow-y: auto;
|
|
&::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 0;
|
|
}
|
|
}
|
|
.cus-scroll,
|
|
.cus-scroll-x,
|
|
.cus-scroll-y {
|
|
&::-webkit-scrollbar-thumb {
|
|
background-color: transparent;
|
|
border-radius: 4px;
|
|
}
|
|
&:hover {
|
|
&::-webkit-scrollbar-thumb {
|
|
background: #bfbfbf;
|
|
}
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background: rgb(var(--primary-color));
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 切换主题的动画效果 */
|
|
::view-transition-old(root),
|
|
::view-transition-new(root) {
|
|
animation: none;
|
|
mix-blend-mode: normal;
|
|
}
|
|
|
|
::view-transition-old(root),
|
|
.dark::view-transition-new(root) {
|
|
z-index: 1;
|
|
}
|
|
|
|
::view-transition-new(root),
|
|
.dark::view-transition-old(root) {
|
|
z-index: 9999;
|
|
}
|