scss命名规范

/**
 * 全局变量
 * 命名规范 —— 遵守语义化命名：lg-大号、md-中号、base-基本号、sm-小号、mini-超小号
 */
 
$font-weight-base: 400;

$border-color-base: rgba(101, 135, 248, 0.36);

$font-size-lg: 18px;
$font-size-md: 16px;

$color-important: #333333;


@mixin background-ad($color,$color2){
    background:$color;
  [data-theme="theme-dark"] & {
    background:$color2;
  }
}

//应用

<style lang="scss" scoped>
.boxhome{
  min-height:100vh;
  // background:#fff;
  @include background-ad(#fff,#000)
}
<style>