54 lines
1.2 KiB
SCSS
54 lines
1.2 KiB
SCSS
// 滚动条
|
|
html, body, div, ul, section, textarea {
|
|
box-sizing: border-box;
|
|
// 滚动条整体部分
|
|
&::-webkit-scrollbar {
|
|
height: 8px;
|
|
width: 2px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
// 底层轨道
|
|
&::-webkit-scrollbar-track {
|
|
background-color: #ffffff;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
// 滚动滑块
|
|
&::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
// 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;
|
|
}
|
|
}
|
|
|
|
|
|
// 全局背景
|
|
body {
|
|
// background-position: center center;
|
|
// background-attachment: fixed;
|
|
// background-size: cover;
|
|
// background-repeat: no-repeat;
|
|
// // background-image: url(../bg.jpg), linear-gradient(to bottom, #010179, #F5C4C1, #151799);
|
|
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%;
|
|
}
|
|
|
|
html, body {
|
|
// min-width: 1200px;
|
|
// height: 100vh;
|
|
// overflow: hidden;
|
|
}
|
|
|
|
.link {
|
|
color: var(--el-color-primary);
|
|
cursor: pointer;
|
|
}
|