干燥机配套车间生产管理系统/云平台前端
baoshiwei
2023-03-10 1fb197352b6a263646e4ccd3ed1c7854ede031dd
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
@import 'vxe.const';
 
[data-theme='dark'] .@{prefix-cls} {
  @fontColor: #c9d1d9;
  @bgColor: #151515;
  @borderColor: #606060;
 
  .vxe-cell--item,
  .vxe-cell--title,
  .vxe-cell,
  .vxe-body--expanded-cell {
    color: @fontColor;
  }
 
  .vxe-toolbar {
    background-color: @bgColor;
  }
 
  .vxe-table--render-default .vxe-table--body-wrapper,
  .vxe-table--render-default .vxe-table--footer-wrapper {
    background-color: @bgColor;
  }
 
  // 外边框
  .vxe-table--render-default .vxe-table--border-line {
    border-color: @borderColor;
  }
 
  // header 下边框
  .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
    border-bottom-color: @borderColor;
  }
 
  // footer 上边框
  .vxe-table--render-default .vxe-table--footer-wrapper {
    border-top-color: @borderColor;
  }
 
  // 展开行 边框
  .vxe-table--render-default .vxe-body--expanded-column {
    border-bottom-color: @borderColor;
  }
 
  // 行斑马纹
  .vxe-table--render-default .vxe-body--row.row--stripe {
    background-color: #1e1e1e;
  }
 
  // 行hover
  .vxe-table--render-default .vxe-body--row.row--hover {
    background-color: #262626;
  }
 
  // 选中行
  .vxe-table--render-default .vxe-body--row.row--checked {
    background-color: #44403a;
 
    &.row--hover {
      background-color: #59524b;
    }
  }
 
  .vxe-table--render-default.border--default .vxe-table--header-wrapper,
  .vxe-table--render-default.border--full .vxe-table--header-wrapper,
  .vxe-table--render-default.border--outer .vxe-table--header-wrapper {
    background-color: #1d1d1d;
  }
 
  .vxe-table--render-default.border--default .vxe-body--column,
  .vxe-table--render-default.border--default .vxe-footer--column,
  .vxe-table--render-default.border--default .vxe-header--column,
  .vxe-table--render-default.border--inner .vxe-body--column,
  .vxe-table--render-default.border--inner .vxe-footer--column,
  .vxe-table--render-default.border--inner .vxe-header--column {
    background-image: linear-gradient(#1d1d1d, #1d1d1d);
  }
 
  // 列宽拖动
  .vxe-header--column .vxe-resizable.is--line:before {
    background-color: #505050;
  }
 
  // checkbox
  .vxe-custom--option .vxe-checkbox--icon:before,
  .vxe-export--panel-column-option .vxe-checkbox--icon:before,
  .vxe-table--filter-option .vxe-checkbox--icon:before,
  .vxe-table--render-default .vxe-cell--checkbox .vxe-checkbox--icon:before {
    background-color: @bgColor;
    border-color: @borderColor;
  }
 
  .vxe-toolbar .vxe-custom--option-wrapper {
    background-color: @bgColor;
  }
 
  .vxe-button {
    background-color: @bgColor;
    border-color: @borderColor;
  }
 
  .vxe-button.type--button:not(.is--disabled):active {
    background-color: @bgColor;
  }
 
  .vxe-toolbar .vxe-custom--wrapper.is--active > .vxe-button {
    background-color: @bgColor;
  }
 
  .vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button {
    color: @fontColor;
  }
}