less中更改iview组件默认样式-526互联

1.先声明变量'deep'

@deep: ~">>>";

2.使用该变量去修改ivew的样式

@{deep} .ivu-modal-body //与类之间要有空格

完整代码:

@deep: ~">>>";
  #qualityControlIssueList {
    height: 100%;
  .textRight{
    text-align: right
  }
  .searchForm{
    .ivu-form-item{
      margin-bottom:5px!important;
    }
  }
  @{deep} .qualityProblemModel{
    .ivu-modal-body{
          height: 400px!important;
          overflow: auto!important;
      }
  }