5G-Loading-Bay-Web/src/styles/common.scss

@import url('./fonts.scss');
@import url('./element-plus.scss');

// 标题背景
.bg_title {
  background-size: contain;
  background-repeat: no-repeat;
  height: 14px;
  margin-left: 8px;
}
// 标题图
@for $i from 0 through 7 {
  // 生成动态类名
  .bg_title_#{$i} {
    // 动态设置背景图片，引用对应的图标
    background-image: url("@/assets/header/title#{$i}.png");
  }
}

.bg_basic_content{
  background: linear-gradient( 180deg, rgba(7,16,19,0) 0%, #081417 100%);;
}