@jx3box/jx3box-ui 2.1.1 → 2.1.2

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.
Files changed (5) hide show
  1. package/assets/css/wiki/wiki-comments.less +1 -0
  2. package/assets/css/wiki/wiki-panel.less +54 -80
  3. package/package.json +1 -1
  4. package/src/wiki/WikiComments.vue +3 -3
  5. package/src/wiki/WikiPanel.vue +6 -7
package/assets/css/wiki/wiki-comments.less CHANGED
@@ -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 {
package/assets/css/wiki/wiki-panel.less CHANGED
@@ -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;
13
+
14
+
15
+ .m-panel-title {
16
+ .flex(y);
17
+ .gap(5px);
18
+ padding: 10px 0;
19
+ color: #6c645c;
20
+ font-weight: 500;
21
+ }
33
22
 
34
- & .m-panel-actions {
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;
@@ -143,36 +117,36 @@
143
117
  }
144
118
 
145
119
  // 详情场景
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
- }
120
+ // &.m-detail-scene {
121
+ // .m-panel-title {
122
+ // img,
123
+ // svg,
124
+ // i,
125
+ // span {
126
+ // .dbi;
127
+ // vertical-align: middle;
128
+ // }
129
+
130
+ // img,
131
+ // svg,
132
+ // i {
133
+ // width: 28px;
134
+ // height: 28px;
135
+ // line-height: 28px;
136
+ // color: var(--el-color-primary);
137
+ // fill: var(--el-color-primary);
138
+ // font-size: 22px;
139
+ // }
140
+
141
+ // img,
142
+ // svg {
143
+ // .mr(7px);
144
+ // }
145
+
146
+ // span {
147
+ // font-size: 17px;
148
+ // font-weight: 300;
149
+ // }
150
+ // }
151
+ // }
178
152
  }
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.2",
4
4
  "description": "JX3BOX Vue3 UI",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/src/wiki/WikiComments.vue CHANGED
@@ -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
  };
package/src/wiki/WikiPanel.vue CHANGED
@@ -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,