123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- // 自定义table
- @titleGray: #9ca5a8;
- @rowGray: #606769;
- @darkBack: #536268;
- .el-table td.el-table__cell,
- .el-table th.el-table__cell.is-leaf {
- border-bottom: 0 !important;
- }
- .el-table th.el-table__cell {
- border-right: 1px solid rgba(0, 0, 0, 0.8) !important;
- }
- .com-table {
- width: 100%;
- border-collapse: collapse;
- thead {
- tr {
- display: table;
- table-layout: fixed;
- width: 100%;
- th {
- background-color: fade(@darkBack, 20%);
- height: 30px;
- line-height: 30px;
- color: @titleGray;
- font-weight: 400;
- font-size: 14px;
- position: sticky;
- top: 0;
- cursor: pointer;
- &.light,
- &.always-light {
- color: @green;
- }
- }
- }
- }
- tbody {
- display: block;
- tr {
- display: table;
- table-layout: fixed;
- width: 100%;
- &:nth-child(2n) {
- background-color: fade(@rowGray, 20%);
- }
- td {
- padding: 4px;
- color: @rowGray;
- text-align: center;
- font-size: 14px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- & > span {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- &.light,
- &.always-light {
- color: @green !important;
- }
- &.num {
- font-family: "Bicubik";
- font-weight: 400;
- }
- }
- }
- }
- }
|