.bda-btn-skin(@mainColor,@normalFontColor,@borderColor,@disabledFontColor,@disabledBgColor){
  .el-button--main{
    color: #fff;
    background-color: @mainColor;
    border-color: @mainColor;
    &.el-button:focus{
      color: #fff;
      background-color: @mainColor;
      border-color: @mainColor;
    }
    &.el-button:hover{
      color: #fff;
      border-color: lighten(@mainColor,10%);
      background-color:  lighten(@mainColor,10%);
    }

    &.el-button:active{
      border-color: darken(@mainColor,10%);
      background-color:  darken(@mainColor,10%);
    }
    &.is-plain{
      border-color:@borderColor;
      color:@normalFontColor;
      background:none;
      &.el-button:focus{
        border-color:@borderColor;
        color:@normalFontColor;
        background:none;

      }
      &.el-button:hover{
        color:@mainColor;
        border-color:@borderColor;
        background:none;
      }
      &.el-button:active{
        color:@mainColor;
        border-color:@mainColor;
        background:none;
      }
    }
    &.is-disabled{
      border-color:@borderColor;
      color:@disabledFontColor;
      background:@disabledBgColor;
      &:hover,&:focus{
        border-color:@borderColor;
        color:@disabledFontColor;
        background:@disabledBgColor;
      }
    }
  }
  .el-button--font{
    color:@mainColor;
    border:none;
    background:none;
    &.el-button:hover,&.el-button:active{

      opacity: 0.8;
    }
    &.el-button:focus{
      color:@mainColor;
      border:none;
      background:none;

    }
    &.is-disabled{
      color:@disabledFontColor;
      &.el-button:hover,&.el-button:active,&.el-button:focus{
        color:@disabledFontColor;
      }
    }
  }
}