@cmstops/pro-compo 0.3.75 → 0.3.77

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.
@@ -15,4 +15,11 @@
15
15
  width: 18px;
16
16
  height: 18px;
17
17
  }
18
+
19
+ span {
20
+ width: 90%;
21
+ overflow: hidden;
22
+ white-space: nowrap;
23
+ text-overflow: ellipsis;
24
+ }
18
25
  }
@@ -1305,6 +1305,12 @@
1305
1305
  width: 18px;
1306
1306
  height: 18px;
1307
1307
  }
1308
+ .abttr-content span {
1309
+ width: 90%;
1310
+ overflow: hidden;
1311
+ white-space: nowrap;
1312
+ text-overflow: ellipsis;
1313
+ }
1308
1314
  .gray-for-state-hide {
1309
1315
  -webkit-filter: grayscale(100%);
1310
1316
  -moz-filter: grayscale(100%);
package/es/index.css CHANGED
@@ -6,7 +6,9 @@
6
6
  }
7
7
  .apps-box-popover {
8
8
  position: relative;
9
+ max-height: 600px;
9
10
  padding: 10px;
11
+ overflow-y: scroll;
10
12
  }
11
13
  .app-title {
12
14
  padding: 0 15px;
@@ -92,22 +94,22 @@
92
94
  display: none;
93
95
  }
94
96
  .reference-btn {
95
- border: none;
96
97
  padding: 12px 16px;
97
- border-radius: 4px;
98
98
  color: #5f5f5f;
99
+ border: none;
100
+ border-radius: 4px;
99
101
  }
100
102
  .message-boxs-popover {
101
- width: 435px;
102
103
  position: relative;
104
+ width: 435px;
103
105
  }
104
106
  .message-boxs-popover .arco-tabs-content {
105
107
  padding-top: 0;
106
108
  }
107
109
  .message-boxs-popover .msg-scroll-bar {
110
+ display: block;
108
111
  height: 80vh;
109
112
  overflow-y: auto;
110
- display: block;
111
113
  }
112
114
  .message-boxs-popover .message-list {
113
115
  margin: 0;
@@ -116,14 +118,14 @@
116
118
  }
117
119
  .message-boxs-popover .message-item {
118
120
  padding: 16px;
119
- padding-bottom: 0px;
121
+ padding-bottom: 0;
120
122
  }
121
123
  .message-boxs-popover .message-item:last-child .message-body {
122
124
  border-bottom: none;
123
125
  }
124
126
  .message-boxs-popover .message-item .message-body {
125
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
126
127
  padding-bottom: 16px;
128
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
127
129
  }
128
130
  .message-boxs-popover .message-item .message-body .media-message-content {
129
131
  width: 100%;
@@ -132,9 +134,9 @@
132
134
  display: flex;
133
135
  align-items: center;
134
136
  justify-content: space-between;
135
- font-size: 12px;
136
- color: #4e5969;
137
137
  margin-bottom: 18px;
138
+ color: #4e5969;
139
+ font-size: 12px;
138
140
  }
139
141
  .message-boxs-popover .message-item .message-body .media-message-content .message-info {
140
142
  display: flex;
@@ -146,15 +148,12 @@
146
148
  }
147
149
  .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
148
150
  overflow: hidden;
149
- text-overflow: ellipsis;
150
151
  white-space: nowrap;
152
+ text-overflow: ellipsis;
151
153
  }
152
154
  .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
153
155
  margin-right: 4px;
154
156
  }
155
- .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
156
- text-decoration: underline;
157
- }
158
157
  .user-avater-content-info {
159
158
  width: 328px;
160
159
  display: flex;
@@ -3339,6 +3338,12 @@
3339
3338
  width: 18px;
3340
3339
  height: 18px;
3341
3340
  }
3341
+ .abttr-content span {
3342
+ width: 90%;
3343
+ overflow: hidden;
3344
+ white-space: nowrap;
3345
+ text-overflow: ellipsis;
3346
+ }
3342
3347
  .gray-for-state-hide {
3343
3348
  -webkit-filter: grayscale(100%);
3344
3349
  -moz-filter: grayscale(100%);
@@ -45,10 +45,14 @@ const _sfc_main = defineComponent({
45
45
  });
46
46
  const approvalStateMapText = ref({
47
47
  approval_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
48
- approval_cc_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u6284\u9001\u7ED9\u60A8" },
48
+ approval_submit_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
49
+ approval_cc_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u6284\u9001\u7ED9\u60A8", show_user_alias: true },
49
50
  approval_pass: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5DF2\u5BA1\u6838\u901A\u8FC7" },
50
51
  approval_fail: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE" },
51
- approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" }
52
+ approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" },
53
+ attachment_reminder: { label: "\u7D20\u6750\u901A\u77E5" },
54
+ notice_user_update_pwd: { label: "\u8D26\u53F7\u5B89\u5168\u901A\u77E5" },
55
+ license_expire_notice: { label: "license\u8FC7\u671F\u63D0\u9192" }
52
56
  });
53
57
  const openApprovalDetail = (msg) => {
54
58
  };
@@ -75,6 +79,7 @@ const _sfc_main = defineComponent({
75
79
  default: withCtx(() => [
76
80
  listData.value.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2, [
77
81
  (openBlock(true), createElementBlock(Fragment, null, renderList(listData.value, (item) => {
82
+ var _a, _b;
78
83
  return openBlock(), createElementBlock("li", {
79
84
  key: "list_" + item.msg.nid,
80
85
  class: "message-item"
@@ -84,8 +89,8 @@ const _sfc_main = defineComponent({
84
89
  createElementVNode("div", _hoisted_4, [
85
90
  createElementVNode("div", _hoisted_5, [
86
91
  createElementVNode("span", _hoisted_6, [
87
- approvalStateMapText.value[item.msg.t].show_user_alias ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.msg.alias), 1)) : createCommentVNode("v-if", true),
88
- createTextVNode(" " + toDisplayString(approvalStateMapText.value[item.msg.t].label), 1)
92
+ ((_a = approvalStateMapText.value[item.msg.t]) == null ? void 0 : _a.show_user_alias) || "\u672A\u77E5\u63D0\u9192" ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(item.msg.alias), 1)) : createCommentVNode("v-if", true),
93
+ createTextVNode(" " + toDisplayString(((_b = approvalStateMapText.value[item.msg.t]) == null ? void 0 : _b.label) || "\u672A\u77E5\u6807\u9898"), 1)
89
94
  ]),
90
95
  createElementVNode("span", _hoisted_8, toDisplayString(item.msg.time), 1)
91
96
  ]),
@@ -1,20 +1,20 @@
1
1
  .reference-btn {
2
- border: none;
3
2
  padding: 12px 16px;
4
- border-radius: 4px;
5
3
  color: #5f5f5f;
4
+ border: none;
5
+ border-radius: 4px;
6
6
  }
7
7
  .message-boxs-popover {
8
- width: 435px;
9
8
  position: relative;
9
+ width: 435px;
10
10
  }
11
11
  .message-boxs-popover .arco-tabs-content {
12
12
  padding-top: 0;
13
13
  }
14
14
  .message-boxs-popover .msg-scroll-bar {
15
+ display: block;
15
16
  height: 80vh;
16
17
  overflow-y: auto;
17
- display: block;
18
18
  }
19
19
  .message-boxs-popover .message-list {
20
20
  margin: 0;
@@ -23,14 +23,14 @@
23
23
  }
24
24
  .message-boxs-popover .message-item {
25
25
  padding: 16px;
26
- padding-bottom: 0px;
26
+ padding-bottom: 0;
27
27
  }
28
28
  .message-boxs-popover .message-item:last-child .message-body {
29
29
  border-bottom: none;
30
30
  }
31
31
  .message-boxs-popover .message-item .message-body {
32
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
33
32
  padding-bottom: 16px;
33
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
34
34
  }
35
35
  .message-boxs-popover .message-item .message-body .media-message-content {
36
36
  width: 100%;
@@ -39,9 +39,9 @@
39
39
  display: flex;
40
40
  align-items: center;
41
41
  justify-content: space-between;
42
- font-size: 12px;
43
- color: #4e5969;
44
42
  margin-bottom: 18px;
43
+ color: #4e5969;
44
+ font-size: 12px;
45
45
  }
46
46
  .message-boxs-popover .message-item .message-body .media-message-content .message-info {
47
47
  display: flex;
@@ -53,12 +53,9 @@
53
53
  }
54
54
  .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
55
55
  overflow: hidden;
56
- text-overflow: ellipsis;
57
56
  white-space: nowrap;
57
+ text-overflow: ellipsis;
58
58
  }
59
59
  .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
60
60
  margin-right: 4px;
61
61
  }
62
- .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
63
- text-decoration: underline;
64
- }
@@ -1,25 +1,24 @@
1
1
  .reference-btn {
2
- border: none;
3
2
  padding: 12px 16px;
4
- border-radius: 4px;
5
3
  color: #5f5f5f;
4
+ border: none;
5
+ border-radius: 4px;
6
6
  }
7
7
 
8
8
  .message-boxs-popover {
9
- width: 435px;
10
9
  position: relative;
10
+ width: 435px;
11
11
  // padding: 10px;
12
-
13
12
  .arco-tabs-content {
14
13
  padding-top: 0;
15
14
  }
16
15
 
17
16
  .msg-scroll-bar {
17
+ display: block;
18
18
  height: 80vh;
19
19
  overflow-y: auto;
20
- display: block;
21
20
  }
22
-
21
+
23
22
  .message-list {
24
23
  margin: 0;
25
24
  padding: 0;
@@ -28,24 +27,28 @@
28
27
 
29
28
  .message-item {
30
29
  padding: 16px;
31
- padding-bottom: 0px;
30
+ padding-bottom: 0;
31
+
32
32
  &:last-child .message-body {
33
33
  border-bottom: none;
34
34
  }
35
+
35
36
  .message-body {
36
- border-bottom: 1px solid rgba(0,0,0,.05);
37
37
  padding-bottom: 16px;
38
-
38
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
39
+
39
40
  .media-message-content {
40
41
  width: 100%;
42
+
41
43
  .message-content {
42
44
  display: flex;
43
45
  align-items: center;
44
46
  justify-content: space-between;
45
- font-size: 12px;
46
- color: #4e5969;
47
47
  margin-bottom: 18px;
48
+ color: #4e5969;
49
+ font-size: 12px;
48
50
  }
51
+
49
52
  .message-info {
50
53
  display: flex;
51
54
  align-items: center;
@@ -53,16 +56,18 @@
53
56
  color: #1d2129;
54
57
  font-size: 14px;
55
58
  line-height: 14px;
59
+
56
60
  .message-media-title {
57
61
  overflow: hidden;
58
- text-overflow: ellipsis;
59
62
  white-space: nowrap;
63
+ text-overflow: ellipsis;
64
+
60
65
  .icon {
61
66
  margin-right: 4px;
62
67
  }
63
- &:hover {
64
- text-decoration: underline;
65
- }
68
+ // &:hover {
69
+ // text-decoration: underline;
70
+ // }
66
71
  }
67
72
  }
68
73
  }
@@ -1,4 +1,4 @@
1
- import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, normalizeStyle, createTextVNode } from "vue";
1
+ import { defineComponent, inject, ref, computed, watch, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, renderList, normalizeClass, createVNode, unref, withCtx, toDisplayString, createTextVNode } from "vue";
2
2
  import _imports_0 from "../../../../assets/images/sys_load_more.js";
3
3
  import { Tooltip } from "@arco-design/web-vue";
4
4
  import _sfc_main$1 from "../../MainContent/FileTypeThumb/index.js";
@@ -89,12 +89,12 @@ const _sfc_main = defineComponent({
89
89
  showMore.value ? (openBlock(), createElementBlock("div", {
90
90
  key: 0,
91
91
  class: "item-load-more",
92
- style: normalizeStyle({ width: "calc(20% - 20px)" }),
92
+ style: { width: "calc(20% - 20px)" },
93
93
  onClick: loadMore
94
94
  }, [
95
95
  _hoisted_3,
96
96
  createTextVNode(" \u70B9\u51FB\u52A0\u8F7D\u66F4\u591A ")
97
- ], 4)) : createCommentVNode("v-if", true)
97
+ ])) : createCommentVNode("v-if", true)
98
98
  ])
99
99
  ], 2112);
100
100
  };
@@ -6,7 +6,9 @@
6
6
  }
7
7
  .apps-box-popover {
8
8
  position: relative;
9
+ max-height: 600px;
9
10
  padding: 10px;
11
+ overflow-y: scroll;
10
12
  }
11
13
  .app-title {
12
14
  padding: 0 15px;
@@ -7,7 +7,9 @@
7
7
 
8
8
  .apps-box-popover {
9
9
  position: relative;
10
+ max-height: 600px;
10
11
  padding: 10px;
12
+ overflow-y: scroll;
11
13
  }
12
14
 
13
15
  .app-title {
@@ -121,11 +121,11 @@ const _sfc_main = vue.defineComponent({
121
121
  }, [
122
122
  vue.createVNode(vue.unref(webVue.Tooltip), {
123
123
  content: `${attr.label}: ${attr.value}`,
124
- placement: "top"
124
+ position: "tl"
125
125
  }, {
126
126
  default: vue.withCtx(() => [
127
127
  vue.createElementVNode("div", _hoisted_8, [
128
- attr.topic ? (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconTopic), { key: 0 })) : vue.createCommentVNode("v-if", true),
128
+ attr.topic && attr.value ? (vue.openBlock(), vue.createBlock(vue.unref(vueCmstopIcons.IconTopic), { key: 0 })) : vue.createCommentVNode("v-if", true),
129
129
  vue.createElementVNode("span", null, vue.toDisplayString(attr.value || "--"), 1)
130
130
  ])
131
131
  ]),
@@ -15,4 +15,11 @@
15
15
  width: 18px;
16
16
  height: 18px;
17
17
  }
18
+
19
+ span {
20
+ width: 90%;
21
+ overflow: hidden;
22
+ white-space: nowrap;
23
+ text-overflow: ellipsis;
24
+ }
18
25
  }
@@ -1305,6 +1305,12 @@
1305
1305
  width: 18px;
1306
1306
  height: 18px;
1307
1307
  }
1308
+ .abttr-content span {
1309
+ width: 90%;
1310
+ overflow: hidden;
1311
+ white-space: nowrap;
1312
+ text-overflow: ellipsis;
1313
+ }
1308
1314
  .gray-for-state-hide {
1309
1315
  -webkit-filter: grayscale(100%);
1310
1316
  -moz-filter: grayscale(100%);
package/lib/index.css CHANGED
@@ -6,7 +6,9 @@
6
6
  }
7
7
  .apps-box-popover {
8
8
  position: relative;
9
+ max-height: 600px;
9
10
  padding: 10px;
11
+ overflow-y: scroll;
10
12
  }
11
13
  .app-title {
12
14
  padding: 0 15px;
@@ -92,22 +94,22 @@
92
94
  display: none;
93
95
  }
94
96
  .reference-btn {
95
- border: none;
96
97
  padding: 12px 16px;
97
- border-radius: 4px;
98
98
  color: #5f5f5f;
99
+ border: none;
100
+ border-radius: 4px;
99
101
  }
100
102
  .message-boxs-popover {
101
- width: 435px;
102
103
  position: relative;
104
+ width: 435px;
103
105
  }
104
106
  .message-boxs-popover .arco-tabs-content {
105
107
  padding-top: 0;
106
108
  }
107
109
  .message-boxs-popover .msg-scroll-bar {
110
+ display: block;
108
111
  height: 80vh;
109
112
  overflow-y: auto;
110
- display: block;
111
113
  }
112
114
  .message-boxs-popover .message-list {
113
115
  margin: 0;
@@ -116,14 +118,14 @@
116
118
  }
117
119
  .message-boxs-popover .message-item {
118
120
  padding: 16px;
119
- padding-bottom: 0px;
121
+ padding-bottom: 0;
120
122
  }
121
123
  .message-boxs-popover .message-item:last-child .message-body {
122
124
  border-bottom: none;
123
125
  }
124
126
  .message-boxs-popover .message-item .message-body {
125
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
126
127
  padding-bottom: 16px;
128
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
127
129
  }
128
130
  .message-boxs-popover .message-item .message-body .media-message-content {
129
131
  width: 100%;
@@ -132,9 +134,9 @@
132
134
  display: flex;
133
135
  align-items: center;
134
136
  justify-content: space-between;
135
- font-size: 12px;
136
- color: #4e5969;
137
137
  margin-bottom: 18px;
138
+ color: #4e5969;
139
+ font-size: 12px;
138
140
  }
139
141
  .message-boxs-popover .message-item .message-body .media-message-content .message-info {
140
142
  display: flex;
@@ -146,15 +148,12 @@
146
148
  }
147
149
  .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
148
150
  overflow: hidden;
149
- text-overflow: ellipsis;
150
151
  white-space: nowrap;
152
+ text-overflow: ellipsis;
151
153
  }
152
154
  .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
153
155
  margin-right: 4px;
154
156
  }
155
- .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
156
- text-decoration: underline;
157
- }
158
157
  .user-avater-content-info {
159
158
  width: 328px;
160
159
  display: flex;
@@ -3339,6 +3338,12 @@
3339
3338
  width: 18px;
3340
3339
  height: 18px;
3341
3340
  }
3341
+ .abttr-content span {
3342
+ width: 90%;
3343
+ overflow: hidden;
3344
+ white-space: nowrap;
3345
+ text-overflow: ellipsis;
3346
+ }
3342
3347
  .gray-for-state-hide {
3343
3348
  -webkit-filter: grayscale(100%);
3344
3349
  -moz-filter: grayscale(100%);
@@ -46,10 +46,14 @@ const _sfc_main = vue.defineComponent({
46
46
  });
47
47
  const approvalStateMapText = vue.ref({
48
48
  approval_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
49
- approval_cc_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u6284\u9001\u7ED9\u60A8" },
49
+ approval_submit_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u5F85\u60A8\u5BA1\u6838", show_user_alias: true },
50
+ approval_cc_msg: { label: "\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\uFF0C\u6284\u9001\u7ED9\u60A8", show_user_alias: true },
50
51
  approval_pass: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5DF2\u5BA1\u6838\u901A\u8FC7" },
51
52
  approval_fail: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE" },
52
- approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" }
53
+ approval_retrial: { label: "\u60A8\u63D0\u4EA4\u4E86\u4E00\u9879\u5185\u5BB9\u5BA1\u6838\u88AB\u9A73\u56DE\u91CD\u5BA1" },
54
+ attachment_reminder: { label: "\u7D20\u6750\u901A\u77E5" },
55
+ notice_user_update_pwd: { label: "\u8D26\u53F7\u5B89\u5168\u901A\u77E5" },
56
+ license_expire_notice: { label: "license\u8FC7\u671F\u63D0\u9192" }
53
57
  });
54
58
  const openApprovalDetail = (msg) => {
55
59
  };
@@ -76,6 +80,7 @@ const _sfc_main = vue.defineComponent({
76
80
  default: vue.withCtx(() => [
77
81
  listData.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2, [
78
82
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(listData.value, (item) => {
83
+ var _a, _b;
79
84
  return vue.openBlock(), vue.createElementBlock("li", {
80
85
  key: "list_" + item.msg.nid,
81
86
  class: "message-item"
@@ -85,8 +90,8 @@ const _sfc_main = vue.defineComponent({
85
90
  vue.createElementVNode("div", _hoisted_4, [
86
91
  vue.createElementVNode("div", _hoisted_5, [
87
92
  vue.createElementVNode("span", _hoisted_6, [
88
- approvalStateMapText.value[item.msg.t].show_user_alias ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(item.msg.alias), 1)) : vue.createCommentVNode("v-if", true),
89
- vue.createTextVNode(" " + vue.toDisplayString(approvalStateMapText.value[item.msg.t].label), 1)
93
+ ((_a = approvalStateMapText.value[item.msg.t]) == null ? void 0 : _a.show_user_alias) || "\u672A\u77E5\u63D0\u9192" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(item.msg.alias), 1)) : vue.createCommentVNode("v-if", true),
94
+ vue.createTextVNode(" " + vue.toDisplayString(((_b = approvalStateMapText.value[item.msg.t]) == null ? void 0 : _b.label) || "\u672A\u77E5\u6807\u9898"), 1)
90
95
  ]),
91
96
  vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.msg.time), 1)
92
97
  ]),
@@ -1,20 +1,20 @@
1
1
  .reference-btn {
2
- border: none;
3
2
  padding: 12px 16px;
4
- border-radius: 4px;
5
3
  color: #5f5f5f;
4
+ border: none;
5
+ border-radius: 4px;
6
6
  }
7
7
  .message-boxs-popover {
8
- width: 435px;
9
8
  position: relative;
9
+ width: 435px;
10
10
  }
11
11
  .message-boxs-popover .arco-tabs-content {
12
12
  padding-top: 0;
13
13
  }
14
14
  .message-boxs-popover .msg-scroll-bar {
15
+ display: block;
15
16
  height: 80vh;
16
17
  overflow-y: auto;
17
- display: block;
18
18
  }
19
19
  .message-boxs-popover .message-list {
20
20
  margin: 0;
@@ -23,14 +23,14 @@
23
23
  }
24
24
  .message-boxs-popover .message-item {
25
25
  padding: 16px;
26
- padding-bottom: 0px;
26
+ padding-bottom: 0;
27
27
  }
28
28
  .message-boxs-popover .message-item:last-child .message-body {
29
29
  border-bottom: none;
30
30
  }
31
31
  .message-boxs-popover .message-item .message-body {
32
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
33
32
  padding-bottom: 16px;
33
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
34
34
  }
35
35
  .message-boxs-popover .message-item .message-body .media-message-content {
36
36
  width: 100%;
@@ -39,9 +39,9 @@
39
39
  display: flex;
40
40
  align-items: center;
41
41
  justify-content: space-between;
42
- font-size: 12px;
43
- color: #4e5969;
44
42
  margin-bottom: 18px;
43
+ color: #4e5969;
44
+ font-size: 12px;
45
45
  }
46
46
  .message-boxs-popover .message-item .message-body .media-message-content .message-info {
47
47
  display: flex;
@@ -53,12 +53,9 @@
53
53
  }
54
54
  .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title {
55
55
  overflow: hidden;
56
- text-overflow: ellipsis;
57
56
  white-space: nowrap;
57
+ text-overflow: ellipsis;
58
58
  }
59
59
  .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon {
60
60
  margin-right: 4px;
61
61
  }
62
- .message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover {
63
- text-decoration: underline;
64
- }
@@ -1,25 +1,24 @@
1
1
  .reference-btn {
2
- border: none;
3
2
  padding: 12px 16px;
4
- border-radius: 4px;
5
3
  color: #5f5f5f;
4
+ border: none;
5
+ border-radius: 4px;
6
6
  }
7
7
 
8
8
  .message-boxs-popover {
9
- width: 435px;
10
9
  position: relative;
10
+ width: 435px;
11
11
  // padding: 10px;
12
-
13
12
  .arco-tabs-content {
14
13
  padding-top: 0;
15
14
  }
16
15
 
17
16
  .msg-scroll-bar {
17
+ display: block;
18
18
  height: 80vh;
19
19
  overflow-y: auto;
20
- display: block;
21
20
  }
22
-
21
+
23
22
  .message-list {
24
23
  margin: 0;
25
24
  padding: 0;
@@ -28,24 +27,28 @@
28
27
 
29
28
  .message-item {
30
29
  padding: 16px;
31
- padding-bottom: 0px;
30
+ padding-bottom: 0;
31
+
32
32
  &:last-child .message-body {
33
33
  border-bottom: none;
34
34
  }
35
+
35
36
  .message-body {
36
- border-bottom: 1px solid rgba(0,0,0,.05);
37
37
  padding-bottom: 16px;
38
-
38
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
39
+
39
40
  .media-message-content {
40
41
  width: 100%;
42
+
41
43
  .message-content {
42
44
  display: flex;
43
45
  align-items: center;
44
46
  justify-content: space-between;
45
- font-size: 12px;
46
- color: #4e5969;
47
47
  margin-bottom: 18px;
48
+ color: #4e5969;
49
+ font-size: 12px;
48
50
  }
51
+
49
52
  .message-info {
50
53
  display: flex;
51
54
  align-items: center;
@@ -53,16 +56,18 @@
53
56
  color: #1d2129;
54
57
  font-size: 14px;
55
58
  line-height: 14px;
59
+
56
60
  .message-media-title {
57
61
  overflow: hidden;
58
- text-overflow: ellipsis;
59
62
  white-space: nowrap;
63
+ text-overflow: ellipsis;
64
+
60
65
  .icon {
61
66
  margin-right: 4px;
62
67
  }
63
- &:hover {
64
- text-decoration: underline;
65
- }
68
+ // &:hover {
69
+ // text-decoration: underline;
70
+ // }
66
71
  }
67
72
  }
68
73
  }