自定义 Iview 库 Table 组件样式
Iview 没有提供修改 Table 组件样式的方法,那就只能自己动手了
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
| /deep/.ivu-table { background: rgba(0, 0, 0, 0);
&::after, &::before, th, td { background: rgba(0, 0, 0, 0); }
th { color: #00ffff; font-weight: bold; border: none; }
td { color: #ffffff; border: none; } }
/deep/.ivu-table-header { border: 2px solid rgba(0, 248, 255, 0.4); }
/deep/.ivu-table-stripe-even td { background-color: rgba(0, 0, 0, 0); }
/deep/.ivu-table-stripe-odd td { background-color: rgba(2, 139, 143, 0.23); }
/deep/.ivu-table-wrapper { border: 0; scrollbar-color: #c8d2e0 #f3f4f9; scrollbar-width: thin; }
/deep/.ivu-table-overflowY::-webkit-scrollbar { width: 2px; height: 4px; }
/deep/.ivu-table-overflowY::-webkit-scrollbar-thumb { border-radius: 5px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: white; }
/deep/.ivu-table-overflowY::-webkit-scrollbar-track { border-radius: 5px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.1); }
|