@jx3box/jx3box-ui 2.1.1 → 2.1.3

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.
@@ -9,7 +9,7 @@
9
9
  }
10
10
  @media screen and (max-width: @phone) {
11
11
  .m-single-box {
12
- --el-color-primary: @primary;
12
+
13
13
  padding: 0 15px;
14
14
  }
15
15
  }
@@ -126,8 +126,6 @@
126
126
  }
127
127
 
128
128
  .w-boxcoin-records-list {
129
- --el-color-primary: @primary;
130
-
131
129
  max-width: 960px;
132
130
  border: 1px solid #eee;
133
131
  margin: 0 auto;
@@ -23,6 +23,7 @@
23
23
 
24
24
  .u-pagination-box {
25
25
  margin-top: 12px;
26
+ overflow-x: auto;
26
27
  }
27
28
 
28
29
  .m-comments-panel {
@@ -2,36 +2,25 @@
2
2
  .c-wiki-panel {
3
3
  .db;
4
4
  .mb(15px);
5
- background-color: #fafbfc;
6
- border: 1px solid #eeeeee;
7
- border-radius: 5px;
8
5
  font-size: 14px;
9
6
 
10
- img {
11
- height: auto;
12
- }
13
-
14
- b,
15
- strong {
16
- font-weight: bold;
17
- }
18
-
19
- &.border-none {
20
- background-color: transparent;
21
- border: none;
22
-
23
- .m-panel-head {
24
- background-color: transparent;
25
- }
26
- }
27
-
28
7
  .m-panel-head {
29
8
  .pr;
30
9
  padding: 0 15px;
31
- background-color: #f5f7fa;
32
10
  border-bottom: 1px solid #eeeeee;
11
+ .flex(y);
12
+ justify-content: space-between;
33
13
 
34
- & .m-panel-actions {
14
+
15
+ .m-panel-title {
16
+ .flex(y);
17
+ .gap(5px);
18
+ padding: 10px 0;
19
+ color: #6c645c;
20
+ font-weight: 500;
21
+ }
22
+
23
+ .m-panel-actions {
35
24
  .pa;
36
25
  right: 15px;
37
26
  top: 50%;
@@ -39,31 +28,7 @@
39
28
  font-size: 12px;
40
29
  z-index: 30;
41
30
  .flex(y);
42
-
43
- .u-more,
44
- .el-button {
45
- .dbi;
46
- .ml(15px);
47
-
48
- &:first-child {
49
- .ml(0);
50
- }
51
- }
52
-
53
- .u-more {
54
- color: var(--el-color-primary);
55
- }
56
-
57
- .el-button {
58
- font-size: 12px;
59
- }
60
- }
61
-
62
- & .m-panel-title {
63
- padding: 10px 0;
64
- color: #6c645c;
65
- margin: 0;
66
- font-weight: 500;
31
+ .gap(10px);
67
32
  }
68
33
  }
69
34
 
@@ -73,6 +38,15 @@
73
38
  word-break: break-all;
74
39
  }
75
40
 
41
+ &.border {
42
+ background-color: #fafbfc;
43
+ border: 1px solid #eeeeee;
44
+ border-radius: 5px;
45
+ .m-panel-head {
46
+ background-color: #f5f7fa;
47
+ }
48
+ }
49
+
76
50
  .m-wiki-metas {
77
51
  .mb(5px);
78
52
  font-size: 12px;
@@ -141,38 +115,4 @@
141
115
  text-overflow: ellipsis;
142
116
  }
143
117
  }
144
-
145
- // 详情场景
146
- &.m-detail-scene {
147
- .m-panel-title {
148
- img,
149
- svg,
150
- i,
151
- span {
152
- .dbi;
153
- vertical-align: middle;
154
- }
155
-
156
- img,
157
- svg,
158
- i {
159
- width: 28px;
160
- height: 28px;
161
- line-height: 28px;
162
- color: var(--el-color-primary);
163
- fill: var(--el-color-primary);
164
- font-size: 22px;
165
- }
166
-
167
- img,
168
- svg {
169
- .mr(7px);
170
- }
171
-
172
- span {
173
- font-size: 17px;
174
- font-weight: 300;
175
- }
176
- }
177
- }
178
118
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jx3box/jx3box-ui",
3
- "version": "2.1.1",
3
+ "version": "2.1.3",
4
4
  "description": "JX3BOX Vue3 UI",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -184,7 +184,7 @@ export default {
184
184
  /* src/interact/BoxcoinRecords.vue */
185
185
  .w-boxcoin-records-pages{
186
186
 
187
- --el-color-primary: @primary;
187
+
188
188
 
189
189
  .flex(x);
190
190
  margin-top:5px;
@@ -103,7 +103,7 @@ export default {
103
103
  <style lang="less">
104
104
  /* src/single/Collection.vue */
105
105
  .w-collection {
106
- --el-color-primary: @primary;
106
+
107
107
 
108
108
  .w-collection-title {
109
109
  cursor: pointer;
@@ -357,7 +357,7 @@ export default {
357
357
  @std: #f0b400;
358
358
  @all: #a26ef7;
359
359
  @wujie: #fc79bf;
360
- --el-color-primary: @primary;
360
+
361
361
 
362
362
  .u-client {
363
363
  // .fl;
@@ -1,8 +1,8 @@
1
1
  <template>
2
2
  <WikiPanel class="c-wiki-comments" scene="detail">
3
3
  <template #head-title>
4
- <i class="el-icon-chat-line-round"></i>
5
- <span>百科评论</span>
4
+ <i class="u-icon el-icon-chat-line-round"></i>
5
+ <span class="u-txt">百科评论</span>
6
6
  </template>
7
7
  <template #body>
8
8
  <div class="m-comments-panel" v-loading="loading">
@@ -143,7 +143,7 @@ export default {
143
143
  type: this.type,
144
144
  source_id: this.sourceId,
145
145
  parent_id: parent_id,
146
- user_nickname: form.user_nickname || User.getInfo().name || '神秘侠士',
146
+ user_nickname: form.user_nickname || User.getInfo().name || "神秘侠士",
147
147
  content: form.content,
148
148
  client: this.client,
149
149
  };
@@ -2,19 +2,18 @@
2
2
  <div
3
3
  class="c-wiki-panel"
4
4
  :class="{
5
- 'border-none': borderNone,
6
- 'm-detail-scene': wikiPost || scene === 'detail',
5
+ border: border,
7
6
  }"
8
7
  >
9
8
  <div class="m-panel-head">
10
9
  <slot name="head-before"></slot>
10
+ <div class="m-panel-title">
11
+ <slot name="head-title"></slot>
12
+ </div>
11
13
  <div class="m-panel-actions">
12
14
  <QRcode v-if="wikiPost && showQR" class="u-qr" />
13
15
  <slot name="head-actions"></slot>
14
16
  </div>
15
- <div class="m-panel-title">
16
- <slot name="head-title"></slot>
17
- </div>
18
17
  <slot name="head-after"></slot>
19
18
  </div>
20
19
  <div class="m-panel-body">
@@ -73,9 +72,9 @@ export default {
73
72
  type: String,
74
73
  default: "default",
75
74
  },
76
- borderNone: {
75
+ border: {
77
76
  type: Boolean,
78
- default: false,
77
+ default: true,
79
78
  },
80
79
  showQR: {
81
80
  type: Boolean,