56 lines
1.1 KiB
SCSS
56 lines
1.1 KiB
SCSS
html {
|
||
font-size: 4px; // * 1rem = 4px 方便unocss计算：在unocss中 1字体单位 = 0.25rem，相当于 1等份 = 1px
|
||
}
|
||
|
||
html,
|
||
body {
|
||
width: 100%;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
background-color: #f2f2f2;
|
||
font-family: 'Encode Sans Condensed', sans-serif;
|
||
}
|
||
|
||
/* router view 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);
|
||
}
|
||
|
||
/* 滚动条凹槽的颜色，还可以设置边框属性 */
|
||
*::-webkit-scrollbar-track-piece {
|
||
background-color: #f8f8f8;
|
||
-webkit-border-radius: 2em;
|
||
-moz-border-radius: 2em;
|
||
border-radius: 2em;
|
||
}
|
||
|
||
/* 滚动条的宽度 */
|
||
*::-webkit-scrollbar {
|
||
width: 9px;
|
||
height: 9px;
|
||
}
|
||
|
||
/* 滚动条的设置 */
|
||
*::-webkit-scrollbar-thumb {
|
||
background-color: #ddd;
|
||
background-clip: padding-box;
|
||
-webkit-border-radius: 2em;
|
||
-moz-border-radius: 2em;
|
||
border-radius: 2em;
|
||
}
|
||
|
||
/* 滚动条鼠标移上去 */
|
||
*::-webkit-scrollbar-thumb:hover {
|
||
background-color: #bbb;
|
||
} |