n20-common-lib 2.4.37 → 2.4.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/assets/css/cl-layout-content.scss +2 -2
- package/src/assets/css/cl-layout-tabs.scss +54 -12
- package/src/assets/css/el-table.scss +7 -1
- package/src/components/Layout/TabsNav/index.vue +2 -0
- package/src/components/Layout/index.vue +3 -3
- package/src/components/Layout/indexN.vue +2 -2
- package/style/index.css +1 -1
- package/style/index.css.map +1 -1
- package/theme/blue.css +1 -1
- package/theme/cctcRed.css +1 -1
- package/theme/green.css +1 -1
- package/theme/lightBlue.css +1 -1
- package/theme/orange.css +1 -1
- package/theme/purple.css +1 -1
- package/theme/red.css +1 -1
- package/theme/yellow.css +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.content-box {
|
|
2
2
|
box-sizing: border-box;
|
|
3
|
-
margin: 0
|
|
3
|
+
margin: 0 4px 4px 4px;
|
|
4
4
|
padding: 8px;
|
|
5
5
|
border-radius: 0 0 6px 6px;
|
|
6
6
|
height: var(--client-height);
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
overflow: auto;
|
|
9
9
|
|
|
10
10
|
&.element-doc {
|
|
11
|
-
margin: 0
|
|
11
|
+
margin: 0 4px 4px 4px;
|
|
12
12
|
padding: 8px;
|
|
13
13
|
height: var(--client-height);
|
|
14
14
|
overflow: auto;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
$--item-margin:
|
|
1
|
+
$--item-margin: 0;
|
|
2
2
|
$--item-radius: 4px;
|
|
3
|
-
$--layout-margin-top:
|
|
3
|
+
$--layout-margin-top: 1px;
|
|
4
4
|
$--item-hover-padding: 12px;
|
|
5
|
+
$--tabs-item-margin: 4px;
|
|
5
6
|
|
|
6
7
|
.tabs-nav-wrap {
|
|
7
8
|
&.el-tabs--card > .el-tabs__header {
|
|
@@ -18,37 +19,78 @@ $--item-hover-padding: 12px;
|
|
|
18
19
|
padding-top: $--layout-margin-top;
|
|
19
20
|
}
|
|
20
21
|
.el-tabs__item {
|
|
22
|
+
position: relative;
|
|
21
23
|
height: $--tabsnav-height;
|
|
22
24
|
line-height: $--tabsnav-height;
|
|
23
25
|
padding-left: $--item-hover-padding !important;
|
|
24
26
|
padding-right: $--item-hover-padding !important;
|
|
25
27
|
margin-right: $--item-margin;
|
|
26
|
-
border-radius: $--item-radius $--item-radius 0 0;
|
|
27
|
-
background: $--button-default-border-color;
|
|
28
28
|
border: none !important;
|
|
29
|
+
border-radius: $--item-radius $--item-radius 0 0;
|
|
30
|
+
background: $--body-background;
|
|
29
31
|
font-weight: $--font-weight-primary;
|
|
32
|
+
&:not(:first-child) {
|
|
33
|
+
&::before {
|
|
34
|
+
content: '';
|
|
35
|
+
position: absolute;
|
|
36
|
+
top: 15%;
|
|
37
|
+
left: 0;
|
|
38
|
+
height: 60%;
|
|
39
|
+
border-left: 1px solid $--color-text-secondary;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
30
43
|
&:first-child {
|
|
31
|
-
margin-left: $--
|
|
44
|
+
margin-left: $--tabs-item-margin;
|
|
32
45
|
.el-icon-close {
|
|
33
46
|
display: none;
|
|
34
47
|
}
|
|
35
48
|
}
|
|
36
49
|
&:last-child {
|
|
37
|
-
margin-right: $--
|
|
50
|
+
margin-right: $--tabs-item-margin;
|
|
38
51
|
}
|
|
39
52
|
|
|
40
53
|
&:hover {
|
|
41
54
|
color: $--color-text-primary;
|
|
42
|
-
background:
|
|
43
|
-
font-weight: $--font-weight-
|
|
55
|
+
background-color: rgba(255, 255, 255, 0.6);
|
|
56
|
+
font-weight: $--font-weight-primary;
|
|
57
|
+
backdrop-filter: blur(5px);
|
|
58
|
+
&::before {
|
|
59
|
+
content: '';
|
|
60
|
+
position: absolute;
|
|
61
|
+
top: 15%;
|
|
62
|
+
right: 0;
|
|
63
|
+
height: 70%;
|
|
64
|
+
border: none;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
&:hover + .el-tabs__item::before {
|
|
68
|
+
content: '';
|
|
69
|
+
position: absolute;
|
|
70
|
+
top: 15%;
|
|
71
|
+
right: 0;
|
|
72
|
+
height: 70%;
|
|
73
|
+
border: none;
|
|
44
74
|
}
|
|
45
75
|
|
|
46
76
|
&.is-active {
|
|
47
77
|
color: $--color-text-primary;
|
|
48
78
|
background: $--color-white;
|
|
49
|
-
font-weight: $--font-weight-
|
|
79
|
+
font-weight: $--font-weight-primary;
|
|
50
80
|
}
|
|
51
81
|
|
|
82
|
+
&.is-active::before {
|
|
83
|
+
border: none;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
&.is-active + .el-tabs__item::before {
|
|
87
|
+
content: '';
|
|
88
|
+
position: absolute;
|
|
89
|
+
top: 15%;
|
|
90
|
+
right: 0;
|
|
91
|
+
height: 70%;
|
|
92
|
+
border-left: none;
|
|
93
|
+
}
|
|
52
94
|
&:focus.is-active.is-focus {
|
|
53
95
|
box-shadow: none;
|
|
54
96
|
border-radius: 0;
|
|
@@ -71,12 +113,12 @@ $--item-hover-padding: 12px;
|
|
|
71
113
|
.el-tabs__nav-next,
|
|
72
114
|
.el-tabs__nav-prev {
|
|
73
115
|
width: 12px;
|
|
74
|
-
height: $--tabsnav-height - 2 * $--
|
|
75
|
-
line-height: $--tabsnav-height - 2 * $--
|
|
116
|
+
height: $--tabsnav-height - 2 * $--tabs-item-margin;
|
|
117
|
+
line-height: $--tabsnav-height - 2 * $--tabs-item-margin;
|
|
76
118
|
border-radius: $--item-radius;
|
|
77
119
|
background: $--color-white;
|
|
78
120
|
|
|
79
|
-
top: $--
|
|
121
|
+
top: $--tabs-item-margin;
|
|
80
122
|
z-index: 9;
|
|
81
123
|
&:hover {
|
|
82
124
|
background: $--body-background;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
font-size: 12px;
|
|
6
6
|
}
|
|
7
7
|
.el-table th {
|
|
8
|
-
font-weight: $--font-weight-
|
|
8
|
+
font-weight: $--font-weight-primary;
|
|
9
9
|
}
|
|
10
10
|
.el-table--small .el-table__cell {
|
|
11
11
|
padding: 10px 0;
|
|
@@ -145,6 +145,12 @@
|
|
|
145
145
|
.vxe-table--render-default.size--mini {
|
|
146
146
|
font-size: 14px !important;
|
|
147
147
|
}
|
|
148
|
+
.vxe-header--row th,
|
|
149
|
+
th.vxe-header--column {
|
|
150
|
+
position: relative;
|
|
151
|
+
font-weight: $--font-weight-primary;
|
|
152
|
+
}
|
|
153
|
+
|
|
148
154
|
.vxe-table--render-default.size--mini .vxe-body--column.col--ellipsis,
|
|
149
155
|
.vxe-table--render-default.size--mini .vxe-footer--column.col--ellipsis,
|
|
150
156
|
.vxe-table--render-default.size--mini .vxe-header--column.col--ellipsis,
|
|
@@ -87,15 +87,15 @@ export default {
|
|
|
87
87
|
},
|
|
88
88
|
data() {
|
|
89
89
|
let headerH = 48
|
|
90
|
-
let tabsH =
|
|
91
|
-
let clientM =
|
|
90
|
+
let tabsH = 28
|
|
91
|
+
let clientM = 4
|
|
92
92
|
|
|
93
93
|
return {
|
|
94
94
|
dnsKey: this.isTest || (process.env.NODE_ENV === 'production' && process.env.VUE_APP_KEEP_ALIVE === 'true'),
|
|
95
95
|
headerH,
|
|
96
96
|
tabsH,
|
|
97
97
|
clientM,
|
|
98
|
-
clientHeight: document.documentElement.offsetHeight - headerH - tabsH -
|
|
98
|
+
clientHeight: document.documentElement.offsetHeight - headerH - tabsH - 1 * clientM,
|
|
99
99
|
collapse: window.localStorage.getItem('aside-nav-collapse') === 'true',
|
|
100
100
|
|
|
101
101
|
menusC: [],
|
|
@@ -93,14 +93,14 @@ export default {
|
|
|
93
93
|
data() {
|
|
94
94
|
let headerH = 48
|
|
95
95
|
let tabsH = 28
|
|
96
|
-
let clientM =
|
|
96
|
+
let clientM = 4
|
|
97
97
|
|
|
98
98
|
return {
|
|
99
99
|
dnsKey: this.isTest || (process.env.NODE_ENV === 'production' && process.env.VUE_APP_KEEP_ALIVE === 'true'),
|
|
100
100
|
headerH,
|
|
101
101
|
tabsH,
|
|
102
102
|
clientM,
|
|
103
|
-
clientHeight: document.documentElement.offsetHeight - headerH - tabsH -
|
|
103
|
+
clientHeight: document.documentElement.offsetHeight - headerH - tabsH - 1 * clientM,
|
|
104
104
|
collapse: window.localStorage.getItem('aside-nav-collapse') === 'true',
|
|
105
105
|
|
|
106
106
|
menusC: [],
|