Teaching_integration_platform_template/src/styles/index.scss

// 引入清除浏览器默认样式文件
@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;
}