Less使用

1.base.less

@base-color: #84C795;
@dis-color: #b5b5b5;
@hover-color: rgb(103, 161, 117);
@bg-color: #F1F1F1;
@font-color: #514F4E;

.button (@width, @height, @fontSize) {
    width: @width;
    height: @height;
    border: 0;
    background: @base-color;
    color: #fff;
    font-size: @fontSize;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    &:hover {
        background: @hover-color;
    }
}

2.style.less-使用

.bank-nextBtn {
  margin-left: 15px;
  .button(@width: 100px, @height: 40px, @fontSize: 16px);
}
.back-btn {
  margin-left: 15px;
  font-size: 12px;
  color: @font-color;
  &:hover{
    cursor:pointer;
    color:@base-color;
  }
}