mirror of
https://github.com/zclzone/vue-naive-admin.git
synced 2026-04-26 04:04:08 +08:00
67 lines
991 B
SCSS
67 lines
991 B
SCSS
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: var(--primary-color);
|
|
}
|
|
}
|
|
}
|