定义公共样式css

index.less 文件

// 全局按钮颜色
@btn_background: #005298;
@btn_border-color: #6fa18d;// 默认的
@btn_border-color-highlight: #0598d3;// 高亮边框 
@btn_border-color-success: #36be7e;// 成功边框
@btn_font_color: #fff;

// 边框颜色 背景色 文字颜色
.btn_public(@btn_bor_back:@btn_background,@btn_back:@btn_background,@btn_color:@btn_font_color){
  border: 1px solid @btn_bor_back;
  background: @btn_back;
  color: @btn_color;
}

.display(@a:flex,@b:center,@c:center){
  display: @a;
  justify-content: @b;
  align-items: @c;
}

页面用法

   .btn_details{
      .btn_public();
    }

 .search_loading{
    background: rgba(54, 190, 126, 0.6);
    .display();
    .el-icon-loading{
      position: relative;
      left: -0.5vw;
      top: 0.1vw;
      padding: 0;
      margin: 0;
      font-size: 0.8vw;
    }
  }