vscode iview样式覆盖、自定义样式


重写一个同名样式,去覆盖iview table 中某个样式,却没有效果! 


需要去掉scoped ,然后给添加class类名称,限制作用域,防止影响其它页面。

 .weather-table .ivu-table-cell {
    padding-left: 2px;
    padding-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    box-sizing: border-box;
}
  .weather-table  .ivu-table-small td {
        height: 36px;
    }

应用案例:

  class='weather-table' :height="tableHeight" :columns="minuteColumns" :data="minuteData" ref="table">
CSS