2022-06-11 16:55:36 +08:00
|
|
|
|
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);
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 自定义滚动条样式 */
|
|
|
|
|
|
.cur-scroll {
|
|
|
|
|
|
&::-webkit-scrollbar{
|
|
|
|
|
|
width:8px;
|
|
|
|
|
|
height:8px;
|
|
|
|
|
|
}
|
|
|
|
|
|
&::-webkit-scrollbar-thumb{
|
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
|
border-radius:4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
&::-webkit-scrollbar-corner{
|
|
|
|
|
|
background: #f6f6f6;
|
|
|
|
|
|
}
|
|
|
|
|
|
&:hover {
|
|
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
|
|
|
|
background: #bfbfbf;
|
|
|
|
|
|
}
|
|
|
|
|
|
&::-webkit-scrollbar-thumb:hover{
|
|
|
|
|
|
background: #999999;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
