48 lines
1.0 KiB
SCSS
48 lines
1.0 KiB
SCSS
// 滚动条
|
|
html, body, div, ul, section, textarea {
|
|
box-sizing: border-box;
|
|
// 滚动条整体部分
|
|
&::-webkit-scrollbar {
|
|
height: 5px;
|
|
width: 5px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
// 底层轨道
|
|
&::-webkit-scrollbar-track {
|
|
background-color: #ffffff;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
// 滚动滑块
|
|
&::-webkit-scrollbar-thumb {
|
|
border-radius: 3px;
|
|
// background-color: #1989fa;
|
|
background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#a18cd1), to(#fbc2eb), color-stop(.6, #54DE5D));
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
background-color: #067ef7;
|
|
}
|
|
}
|
|
|
|
::view-transition-new(root),
|
|
::view-transition-old(root) {
|
|
/* 关闭默认动画，否则影响自定义动画的执行 */
|
|
animation: none;
|
|
}
|
|
|
|
// 全局背景
|
|
body {
|
|
background-color: #E7EBF4;
|
|
background-image: url(https://gw.alipayobjects.com/zos/rmsportal/TVYTbAXWheQpRcWDaDMu.svg);
|
|
background-repeat: no-repeat;
|
|
background-position: center 110px;
|
|
background-size: 58%;
|
|
}
|
|
|
|
.link {
|
|
color: var(--el-color-primary);
|
|
cursor: pointer;
|
|
}
|