// 引入清除浏览器默认样式文件 @import './reset.scss'; .banner { width: 100%; height: 410px; // background: url('../assets/images/banner4.jpg') no-repeat; // background-size: cover position: relative; img{ width: 100%; } .source-box { position: absolute; top: 50%; left: 180px; .source { font-size: 66px; font-weight: bolder; } .describe { margin: auto; margin-top: 20px; text-align: center; padding: 10px 20px; width: fit-content; background-color: #6da0ff; font-size: 30px; font-weight: bolder; color: #fff; } } } /* 设置滚动条的宽度和颜色 */ ::-webkit-scrollbar { width: 10px; /* 滚动条宽度 */ } /* 设置滚动条的轨道背景色 */ ::-webkit-scrollbar-track { background-color: #f1f1f1; } /* 设置滚动条上下按钮的样式 */ ::-webkit-scrollbar-button { background-color: #bfbfbf; } /* 设置滚动条的滑块样式 */ ::-webkit-scrollbar-thumb { background-color: #bfbfbf; border-radius: 5px; /* 滑块圆角 */ } /* 设置滑块在hover状态下的样式 */ ::-webkit-scrollbar-thumb:hover { background-color: #999999; } .scene-tooltip { color: #6da0ff !important; font-weight: 700; opacity: .5; }