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

 

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

?

1 2 3 4 5 6 7 8 9 10 11 12 13

<style scoped>   .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; }   </style>

　　

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

?

1 2 3 4 5 6 7 8 9 10 11 12

.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;     }

应用案例：

?

1	<Table  size="small" class='weather-table' :height="tableHeight" :columns="minuteColumns" :data="minuteData" ref="table"></Table>