@jx3box/jx3box-ui 2.0.17 → 2.0.18

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.
@@ -7,7 +7,7 @@
7
7
  }
8
8
  a {
9
9
  &:hover {
10
- box-shadow: 0 1px 0 @color-link;
10
+ box-shadow: 0 1px 0 var(--el-color-primary);
11
11
  }
12
12
  }
13
13
  }
@@ -10,8 +10,8 @@
10
10
  box-shadow: 0 1px transparent;
11
11
 
12
12
  &:hover {
13
- color: @color-link;
14
- box-shadow: 0 1px @color-link;
13
+ color: var(--el-color-primary);
14
+ box-shadow: 0 1px var(--el-color-primary);
15
15
  }
16
16
  }
17
17
 
@@ -6,7 +6,7 @@
6
6
  // .w-share2,
7
7
  // .w-rss,
8
8
  // .w-boxcoin-admin {
9
- //
9
+ //
10
10
  // .mr(20px);
11
11
  // }
12
12
  .x;
@@ -70,7 +70,7 @@
70
70
  }
71
71
  b {
72
72
  // color:#49c10f;
73
- // color:@color-link;
73
+ // color:var(--el-color-primary);
74
74
  color: #fba524;
75
75
  .fz(20px,1);
76
76
  .dbi;
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .u-more {
53
- color: @color-link;
53
+ color: var(--el-color-primary);
54
54
  }
55
55
 
56
56
  .el-button {
@@ -159,8 +159,8 @@
159
159
  width: 28px;
160
160
  height: 28px;
161
161
  line-height: 28px;
162
- color: @color-link;
163
- fill: @color-link;
162
+ color: var(--el-color-primary);
163
+ fill: var(--el-color-primary);
164
164
  font-size: 22px;
165
165
  }
166
166
 
@@ -40,10 +40,10 @@
40
40
  color: @color;
41
41
 
42
42
  &[href] {
43
- color: @color-link;
43
+ color: var(--el-color-primary);
44
44
 
45
45
  &:hover {
46
- box-shadow: 0 1px 0 @color-link;
46
+ box-shadow: 0 1px 0 var(--el-color-primary);
47
47
  }
48
48
  }
49
49
  }
@@ -60,4 +60,4 @@
60
60
  border-bottom: none;
61
61
  }
62
62
  }
63
- }
63
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jx3box/jx3box-ui",
3
- "version": "2.0.17",
3
+ "version": "2.0.18",
4
4
  "description": "JX3BOX Vue3 UI",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -33,8 +33,8 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@element-plus/icons-vue": "^2.3.2",
36
- "@jx3box/jx3box-common": "^9.1.3",
37
- "@jx3box/jx3box-data": "^3.9.2",
36
+ "@jx3box/jx3box-common": "^9.1.5",
37
+ "@jx3box/jx3box-data": "^3.9.4",
38
38
  "@tinymce/tinymce-vue": "^5.1.1",
39
39
  "@vueuse/core": "^9.13.0",
40
40
  "@vueuse/head": "^0.7.6",
@@ -248,7 +248,7 @@ export default {
248
248
  }
249
249
  b {
250
250
  // color:#49c10f;
251
- // color:@color-link;
251
+ // color:var(--el-color-primary);
252
252
  color: #fba524;
253
253
  .fz(20px,1);
254
254
  .dbi;
@@ -103,9 +103,9 @@ export default {
103
103
  .pointer;
104
104
 
105
105
  &.on {
106
- background-color: @color-link;
106
+ background-color: var(--el-color-primary);
107
107
  color: #fff;
108
- border-color: darken(@color-link, 5%);
108
+ border-color: var(--el-color-primary);
109
109
  }
110
110
  }
111
111
  }
@@ -111,7 +111,7 @@ export default {
111
111
  align-items: center;
112
112
  .pointer;
113
113
  &.on {
114
- color: @primary;
114
+ color: var(--el-color-primary);
115
115
  }
116
116
  &:hover {
117
117
  color: @pink;
@@ -147,7 +147,7 @@ export default {
147
147
  background-color: #f1f8ff;
148
148
  }
149
149
  &:hover {
150
- border: 1px solid @color-link;
150
+ border: 1px solid var(--el-color-primary);
151
151
  }
152
152
  }
153
153
  }
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="w-filter-client">
2
+ <div class="w-filter-version">
3
3
  <ul>
4
4
  <li class="u-client" :class="{on: version == ''}" @click="filter('')">
5
5
  {{ $jx3boxT("jx3boxUi.versionBy.all", "双端") }}
@@ -53,5 +53,37 @@ export default {
53
53
 
54
54
  <style lang="less">
55
55
  /* src/filters/versionBy.vue */
56
- @import "../../assets/css/filters/client-by.less";
56
+ .w-filter-version {
57
+ font-size: 0;
58
+ ul,
59
+ li {
60
+ list-style: none;
61
+ padding: 0;
62
+ margin: 0;
63
+ }
64
+ ul {
65
+ .clearfix;
66
+ .dbi;
67
+ background-color: @bg-gray;
68
+ border: 1px solid #eee;
69
+ .r(3px);
70
+ overflow: hidden;
71
+ }
72
+ li {
73
+ padding: 5px 10px;
74
+ .fl;
75
+ .fz(12px);
76
+ border-right: 1px solid #eee;
77
+ &:last-child {
78
+ border-right: none;
79
+ }
80
+ .pointer;
81
+
82
+ &.on {
83
+ background-color: var(--el-color-primary);
84
+ color: #fff;
85
+ border-color: var(--el-color-primary);
86
+ }
87
+ }
88
+ }
57
89
  </style>
@@ -245,7 +245,7 @@ export default {
245
245
  .ml(10px);
246
246
  }
247
247
  .u-charge {
248
- .underline(@color-link);
248
+ .underline(var(--el-color-primary));
249
249
  .ml(10px);
250
250
  }
251
251
  }
@@ -182,7 +182,7 @@ export default {
182
182
  }
183
183
  &:hover {
184
184
  .u-name {
185
- color: @color-link;
185
+ color: var(--el-color-primary);
186
186
  }
187
187
  }
188
188
  .u-up {
@@ -201,8 +201,8 @@ export default {
201
201
  .dbi;
202
202
  .fz(12px,1);
203
203
  font-style: normal;
204
- border: 1px solid @color-link;
205
- color: @color-link;
204
+ border: 1px solid var(--el-color-primary);
205
+ color: var(--el-color-primary);
206
206
  padding: 3px 10px;
207
207
  .r(2px);
208
208
  .mt(5px);
@@ -400,7 +400,7 @@ export default {
400
400
  }
401
401
  color: var(--el-color-primary);
402
402
  &:hover {
403
- box-shadow: 0 1px 0 @color-link;
403
+ box-shadow: 0 1px 0 var(--el-color-primary);
404
404
  }
405
405
  }
406
406
  }
@@ -1,34 +0,0 @@
1
- /* assets/css/filters/client-by.less */
2
- .w-filter-client {
3
- font-size: 0;
4
- ul,
5
- li {
6
- list-style: none;
7
- padding: 0;
8
- margin: 0;
9
- }
10
- ul {
11
- .clearfix;
12
- .dbi;
13
- background-color: @bg-gray;
14
- border: 1px solid #eee;
15
- .r(3px);
16
- overflow: hidden;
17
- }
18
- li {
19
- padding: 5px 10px;
20
- .fl;
21
- .fz(12px);
22
- border-right: 1px solid #eee;
23
- &:last-child {
24
- border-right: none;
25
- }
26
- .pointer;
27
-
28
- &.on {
29
- background-color: @color-link;
30
- color: #fff;
31
- border-color: darken(@color-link, 5%);
32
- }
33
- }
34
- }