xs-common-plugins 1.2.4 → 1.2.6

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 (188) hide show
  1. package/README.md +309 -299
  2. package/common.js +110 -110
  3. package/index.js +1 -1
  4. package/package.json +16 -16
  5. package/src/App.vue +12 -12
  6. package/src/common/common.js +551 -549
  7. package/src/common/createMenuId.js +7 -7
  8. package/src/common/uploadImgToBase64.js +12 -12
  9. package/src/common/utils.js +95 -95
  10. package/src/components/Breadcrumb/index.vue +81 -81
  11. package/src/components/CheckBox_Cmp/index.vue +62 -62
  12. package/src/components/Col_TableCell/data.js +4 -4
  13. package/src/components/Col_TableCell/index.scss +77 -77
  14. package/src/components/Col_TableCell/index.vue +43 -43
  15. package/src/components/Col_TableCell/methods.js +19 -19
  16. package/src/components/FormItem/index.vue +92 -92
  17. package/src/components/Hamburger/index.vue +44 -44
  18. package/src/components/ReportCmp/data.js +3 -3
  19. package/src/components/ReportCmp/index.scss +29 -29
  20. package/src/components/ReportCmp/index.vue +76 -76
  21. package/src/components/ReportCmp/methods.js +30 -30
  22. package/src/components/Search/cascader/data.js +3 -3
  23. package/src/components/Search/cascader/index.scss +17 -17
  24. package/src/components/Search/cascader/index.vue +96 -96
  25. package/src/components/Search/cascader/methods.js +41 -41
  26. package/src/components/Search/data.js +5 -5
  27. package/src/components/Search/hk_cascader/index.vue +104 -104
  28. package/src/components/Search/hk_cascader_qudao/index.vue +94 -94
  29. package/src/components/Search/index.scss +219 -219
  30. package/src/components/Search/index.vue +410 -410
  31. package/src/components/Search/methods.js +86 -86
  32. package/src/components/Search/product_option/data.js +3 -3
  33. package/src/components/Search/product_option/index.scss +68 -68
  34. package/src/components/Search/product_option/index.vue +412 -412
  35. package/src/components/Search/product_option/methods.js +58 -58
  36. package/src/components/Search/select/data.js +3 -3
  37. package/src/components/Search/select/index.scss +2 -2
  38. package/src/components/Search/select/index.vue +114 -114
  39. package/src/components/Search/select/methods.js +51 -51
  40. package/src/components/Search_filter/data.js +5 -5
  41. package/src/components/Search_filter/index.scss +104 -104
  42. package/src/components/Search_filter/index.vue +88 -88
  43. package/src/components/Search_filter/methods.js +43 -43
  44. package/src/components/TableCmp/data.js +3 -3
  45. package/src/components/TableCmp/index.scss +22 -22
  46. package/src/components/TableCmp/index.vue +98 -98
  47. package/src/components/TableCmp/methods.js +35 -35
  48. package/src/components/TableItem/TableItem.vue +55 -55
  49. package/src/components/TextOVer/index.vue +55 -55
  50. package/src/components/UploadImg/index.vue +177 -177
  51. package/src/components/home/BarChart.vue +118 -118
  52. package/src/components/home/LineChart.vue +146 -146
  53. package/src/components/home/Panel.vue +135 -135
  54. package/src/components/home/PanelGroup.vue +146 -146
  55. package/src/components/home/PieChart.vue +81 -81
  56. package/src/components/home/RaddarChart.vue +119 -119
  57. package/src/components/home/TabLayout.vue +88 -88
  58. package/src/components/home/TableList.vue +158 -158
  59. package/src/components/home/Teng.vue +248 -248
  60. package/src/components/home/TransactionTable.vue +49 -49
  61. package/src/components/home/mixins/resize.js +55 -55
  62. package/src/components/im/index.vue +155 -155
  63. package/src/components/im/methods.js +25 -25
  64. package/src/components/im/pages/chatList/index.vue +45 -45
  65. package/src/components/im/pages/chatRoom/index.vue +159 -159
  66. package/src/components/image-singleUpload/data.js +3 -3
  67. package/src/components/image-singleUpload/index.scss +26 -26
  68. package/src/components/image-singleUpload/index.vue +56 -56
  69. package/src/components/image-singleUpload/methods.js +30 -30
  70. package/src/components/image-upload/data.js +7 -7
  71. package/src/components/image-upload/index.vue +41 -41
  72. package/src/components/image-upload/methods.js +80 -80
  73. package/src/components/multiple-image-upload/data.js +11 -11
  74. package/src/components/multiple-image-upload/index.scss +8 -8
  75. package/src/components/multiple-image-upload/index.vue +63 -63
  76. package/src/components/multiple-image-upload/methods.js +45 -45
  77. package/src/components/pro-upload/data.js +3 -3
  78. package/src/components/pro-upload/index.scss +4 -4
  79. package/src/components/pro-upload/index.vue +89 -89
  80. package/src/components/pro-upload/methods.js +86 -86
  81. package/src/components/report_set/index.scss +44 -44
  82. package/src/components/report_set/index.vue +153 -153
  83. package/src/components/search-page/src/index.scss +5 -5
  84. package/src/components/search-page/src/index.vue +76 -76
  85. package/src/components/search-page/src/methods.js +36 -36
  86. package/src/components/xsSelect/index.vue +125 -125
  87. package/src/mixin/dialog.js +31 -31
  88. package/src/mixin/dlg.js +46 -46
  89. package/src/mixin/keepAlive.js +53 -53
  90. package/src/mixin/newDialog.js +19 -19
  91. package/src/mixin/report.js +82 -82
  92. package/src/mixin/table.js +93 -93
  93. package/src/mixin/tableCell/colTableCell_analysis.js +103 -103
  94. package/src/mixin/upload.js +22 -22
  95. package/src/mixin/vmodel.js +26 -26
  96. package/src/plugins/im/components/chat/index.scss +163 -163
  97. package/src/plugins/im/components/chat/index.vue +144 -144
  98. package/src/plugins/im/components/chat/methods.js +149 -149
  99. package/src/plugins/im/components/conversation-list/index.css +91 -91
  100. package/src/plugins/im/components/conversation-list/index.json +3 -3
  101. package/src/plugins/im/components/conversation-list/index.vue +89 -89
  102. package/src/plugins/im/components/loading/loading.css +69 -69
  103. package/src/plugins/im/components/loading/loading.json +3 -3
  104. package/src/plugins/im/components/loading/loading.vue +14 -14
  105. package/src/plugins/im/components/msg-image/index.json +3 -3
  106. package/src/plugins/im/components/msg-image/index.vue +40 -40
  107. package/src/plugins/im/components/msg-text/index.json +3 -3
  108. package/src/plugins/im/components/msg-text/index.vue +24 -24
  109. package/src/plugins/im/components/send-msg/index.scss +164 -164
  110. package/src/plugins/im/components/send-msg/index.vue +107 -107
  111. package/src/plugins/im/components/send-msg/methods.js +125 -125
  112. package/src/plugins/im/components/template-message/index.vue +76 -76
  113. package/src/plugins/im/components/without.vue +19 -19
  114. package/src/plugins/im/im-plug-in/Protobuf-2.3.7.min.js +1 -1
  115. package/src/plugins/im/im-plug-in/RongCallLib-3.1.5.min.js +74 -74
  116. package/src/plugins/im/im-plug-in/RongIMLib-4.1.0.js +17420 -17420
  117. package/src/plugins/im/im-plug-in/init.js +216 -216
  118. package/src/plugins/im/im-plug-in/qiniu.js +266 -266
  119. package/src/plugins/im/im-plug-in/send-data.js +431 -431
  120. package/src/plugins/im/im-plug-in/upload.js +232 -232
  121. package/src/plugins/im/index.js +31 -31
  122. package/src/plugins/im/lib/RongIMEmoji-2.2.6.js +332 -332
  123. package/src/plugins/im/lib/RongIMLib-3.0.7.2-dev.js +11635 -11635
  124. package/src/plugins/im/lib/RongIMLib-3.0.7.2-dev.min.js +6 -6
  125. package/src/plugins/im/utils/services.js +625 -625
  126. package/src/plugins/im/utils/underscore-1.8.3.js +1531 -1531
  127. package/src/plugins/im/utils/utils.js +149 -149
  128. package/src/plugins/index.js +60 -60
  129. package/src/plugins/row-col-cmp/colCmp/data.js +3 -3
  130. package/src/plugins/row-col-cmp/colCmp/index.scss +50 -50
  131. package/src/plugins/row-col-cmp/colCmp/index.vue +53 -53
  132. package/src/plugins/row-col-cmp/colCmp/methods.js +25 -25
  133. package/src/plugins/row-col-cmp/index.js +20 -20
  134. package/src/plugins/row-col-cmp/rowCmp/data.js +3 -3
  135. package/src/plugins/row-col-cmp/rowCmp/index.scss +3 -3
  136. package/src/plugins/row-col-cmp/rowCmp/index.vue +43 -43
  137. package/src/plugins/row-col-cmp/rowCmp/methods.js +29 -29
  138. package/src/router/index.js +58 -58
  139. package/src/router/permission.js +126 -126
  140. package/src/store/getters.js +13 -13
  141. package/src/store/index.js +60 -60
  142. package/src/store/modules/app.js +55 -55
  143. package/src/store/modules/dic.js +74 -74
  144. package/src/store/modules/oss.js +40 -40
  145. package/src/store/modules/settings.js +28 -28
  146. package/src/store/modules/tagsView.js +160 -160
  147. package/src/store/modules/user.js +94 -94
  148. package/src/store/modules/widgetdata.js +42 -42
  149. package/src/styles/element-ui.scss +49 -49
  150. package/src/styles/index.scss +91 -91
  151. package/src/styles/mixin.scss +28 -28
  152. package/src/styles/sidebar.scss +210 -210
  153. package/src/styles/table.scss +90 -90
  154. package/src/styles/transition.scss +48 -48
  155. package/src/styles/variables.scss +25 -25
  156. package/src/utils/api.js +54 -54
  157. package/src/utils/auth.js +38 -38
  158. package/src/utils/concat_batch_btns.js +88 -88
  159. package/src/utils/enum.js +150 -150
  160. package/src/utils/filter.js +5 -5
  161. package/src/utils/filterRules.js +55 -55
  162. package/src/utils/get-page-title.js +10 -10
  163. package/src/utils/getMenu.js +82 -82
  164. package/src/utils/global-config.js +15 -15
  165. package/src/utils/global_directive.js +10 -10
  166. package/src/utils/index.js +332 -332
  167. package/src/utils/localStorage.js +21 -21
  168. package/src/utils/ossService.js +55 -55
  169. package/src/utils/prototype.js +46 -46
  170. package/src/utils/search.js +33 -33
  171. package/src/utils/signalR.js +24 -24
  172. package/src/utils/validate.js +20 -20
  173. package/src/views/callback/index.vue +35 -35
  174. package/src/views/home/index.vue +25 -25
  175. package/src/views/layout/components/AllSearch/index.vue +44 -44
  176. package/src/views/layout/components/AppMain.vue +66 -66
  177. package/src/views/layout/components/Sidebar/FixiOSBug.js +26 -26
  178. package/src/views/layout/components/Sidebar/Item.vue +28 -28
  179. package/src/views/layout/components/Sidebar/Link.vue +34 -34
  180. package/src/views/layout/components/Sidebar/Logo.vue +79 -79
  181. package/src/views/layout/components/Sidebar/SidebarItem.vue +67 -67
  182. package/src/views/layout/components/Sidebar/index.vue +114 -114
  183. package/src/views/layout/components/TagsView/ScrollPane.vue +94 -94
  184. package/src/views/layout/components/TagsView/index.vue +330 -330
  185. package/src/views/layout/components/index.js +3 -3
  186. package/src/views/layout/index.vue +107 -107
  187. package/src/views/redirect/index.vue +12 -12
  188. package/src/views/slienceAuth/index.vue +42 -42
@@ -1,103 +1,103 @@
1
-
2
- export const MIX_ColCellAnalysis = {
3
- data() {
4
- return {
5
- copyClass: false,
6
- hideClass: false
7
- }
8
- },
9
- props: {
10
- source: {
11
- type: Object,
12
- default: () => {
13
- return {};
14
- }
15
- },
16
- layout: {
17
- type: Array,
18
- default: []
19
- },
20
- },
21
- computed: {
22
- _layout: function () {
23
- const that = this;
24
- let _layoutObj = {};
25
- let _layoutArr = [];
26
- if (toString.call(this.layout[0]) !== '[object Array]') {
27
- const row = this.layout;
28
- row.forEach(item => {
29
- const group = item.split("|"); //['(orderId)','订单','copy']
30
- let isCopy, isHide = false;
31
-
32
- // 判断是否有复制按钮
33
- if (group[group.length - 1] == "copy") {
34
- this.copyClass = true;
35
- isCopy = true;
36
- }
37
-
38
- if (group[group.length - 1] == "hide") {
39
- this.hideClass = true;
40
- isHide = true;
41
- }
42
-
43
- let _value = "";
44
-
45
- var reg = /(^\()?\D*\)$/;
46
- //test()返回值bool类型,判断参数是否符合正则表达式
47
- var result = reg.test(group[0]);
48
- if (result) {
49
- _value = group[0];
50
- } else {
51
- _value = that.source[group[0]]
52
- }
53
- _layoutArr.push({
54
- value: _value,
55
- label: group[1] ? group[1] !== "copy" ? group[1] : "" : "",
56
- copy: isCopy,
57
- hide: isHide
58
- })
59
- });
60
-
61
- return _layoutArr;
62
- } else {
63
- this.layout.forEach(row => {
64
- let newObj = row.map(item => {
65
- const group = item.split("|");
66
- if (item === "copy") {
67
- this.copyClass = true;
68
- return "copy";
69
- }
70
- let isCopy = false, isHide = false;
71
- if (group[group.length - 1] == "copy") {
72
- this.copyClass = true;
73
- isCopy = true;
74
- }
75
- if (group[group.length - 1] == "hide") {
76
- this.hideClass = true;
77
- isHide = true;
78
- }
79
-
80
- let _value = "";
81
- var reg = /(^\()?\D*\)$/;
82
- //test()返回值bool类型,判断参数是否符合正则表达式
83
- var result = reg.test(group[0]);
84
- if (result) {
85
- _value = group[0];
86
- } else {
87
- _value = that.source[group[0]]
88
- }
89
-
90
- return {
91
- value: _value,
92
- label: group[1] !== "copy" ? group[1] : "",
93
- copy: isCopy,
94
- hide: isHide
95
- };
96
- });
97
- _layoutArr.push(newObj);
98
- });
99
- return _layoutArr;
100
- }
101
- }
102
- }
103
- }
1
+
2
+ export const MIX_ColCellAnalysis = {
3
+ data() {
4
+ return {
5
+ copyClass: false,
6
+ hideClass: false
7
+ }
8
+ },
9
+ props: {
10
+ source: {
11
+ type: Object,
12
+ default: () => {
13
+ return {};
14
+ }
15
+ },
16
+ layout: {
17
+ type: Array,
18
+ default: []
19
+ },
20
+ },
21
+ computed: {
22
+ _layout: function () {
23
+ const that = this;
24
+ let _layoutObj = {};
25
+ let _layoutArr = [];
26
+ if (toString.call(this.layout[0]) !== '[object Array]') {
27
+ const row = this.layout;
28
+ row.forEach(item => {
29
+ const group = item.split("|"); //['(orderId)','订单','copy']
30
+ let isCopy, isHide = false;
31
+
32
+ // 判断是否有复制按钮
33
+ if (group[group.length - 1] == "copy") {
34
+ this.copyClass = true;
35
+ isCopy = true;
36
+ }
37
+
38
+ if (group[group.length - 1] == "hide") {
39
+ this.hideClass = true;
40
+ isHide = true;
41
+ }
42
+
43
+ let _value = "";
44
+
45
+ var reg = /(^\()?\D*\)$/;
46
+ //test()返回值bool类型,判断参数是否符合正则表达式
47
+ var result = reg.test(group[0]);
48
+ if (result) {
49
+ _value = group[0];
50
+ } else {
51
+ _value = that.source[group[0]]
52
+ }
53
+ _layoutArr.push({
54
+ value: _value,
55
+ label: group[1] ? group[1] !== "copy" ? group[1] : "" : "",
56
+ copy: isCopy,
57
+ hide: isHide
58
+ })
59
+ });
60
+
61
+ return _layoutArr;
62
+ } else {
63
+ this.layout.forEach(row => {
64
+ let newObj = row.map(item => {
65
+ const group = item.split("|");
66
+ if (item === "copy") {
67
+ this.copyClass = true;
68
+ return "copy";
69
+ }
70
+ let isCopy = false, isHide = false;
71
+ if (group[group.length - 1] == "copy") {
72
+ this.copyClass = true;
73
+ isCopy = true;
74
+ }
75
+ if (group[group.length - 1] == "hide") {
76
+ this.hideClass = true;
77
+ isHide = true;
78
+ }
79
+
80
+ let _value = "";
81
+ var reg = /(^\()?\D*\)$/;
82
+ //test()返回值bool类型,判断参数是否符合正则表达式
83
+ var result = reg.test(group[0]);
84
+ if (result) {
85
+ _value = group[0];
86
+ } else {
87
+ _value = that.source[group[0]]
88
+ }
89
+
90
+ return {
91
+ value: _value,
92
+ label: group[1] !== "copy" ? group[1] : "",
93
+ copy: isCopy,
94
+ hide: isHide
95
+ };
96
+ });
97
+ _layoutArr.push(newObj);
98
+ });
99
+ return _layoutArr;
100
+ }
101
+ }
102
+ }
103
+ }
@@ -1,22 +1,22 @@
1
- import { getConfig } from "@/utils/global-config"
2
- import { getToken } from "@/utils/auth";
3
- const tokenKey=`${getConfig('CLIENT_ID')}_token`
4
- const token = getToken(tokenKey)
5
- ? "Bearer " + getToken(tokenKey)
6
- : "Bearer";
7
- export const MIX_Upload = {
8
- data: function () {
9
-
10
- return {
11
- imageUrl: '',
12
- uploadAction: getConfig("UPLOAD_API"),
13
- myHeaders: {
14
- Authorization: token,
15
- "Client-Id": getConfig("CLIENT_ID")
16
- }
17
- }
18
- },
19
- components: {},
20
- created() { },
21
- methods: {},
22
- }
1
+ import { getConfig } from "@/utils/global-config"
2
+ import { getToken } from "@/utils/auth";
3
+ const tokenKey=`${getConfig('CLIENT_ID')}_token`
4
+ const token = getToken(tokenKey)
5
+ ? "Bearer " + getToken(tokenKey)
6
+ : "Bearer";
7
+ export const MIX_Upload = {
8
+ data: function () {
9
+
10
+ return {
11
+ imageUrl: '',
12
+ uploadAction: getConfig("UPLOAD_API"),
13
+ myHeaders: {
14
+ Authorization: token,
15
+ "Client-Id": getConfig("CLIENT_ID")
16
+ }
17
+ }
18
+ },
19
+ components: {},
20
+ created() { },
21
+ methods: {},
22
+ }
@@ -1,26 +1,26 @@
1
- const EVENT_INPUT = 'input'
2
-
3
- export const MIX_VMODEL = {
4
- props: {
5
- value: [Object, Array, String, Number, Boolean]
6
- },
7
- data() {
8
- return {
9
- inputValue: {}
10
- }
11
- },
12
- watch: {
13
- value: {
14
- handler(newValue) {
15
- this.inputValue = newValue
16
- },
17
- deep: true
18
- },
19
- inputValue: {
20
- handler(newValue) {
21
- this.$emit(EVENT_INPUT, newValue)
22
- },
23
- deep: true
24
- }
25
- }
26
- }
1
+ const EVENT_INPUT = 'input'
2
+
3
+ export const MIX_VMODEL = {
4
+ props: {
5
+ value: [Object, Array, String, Number, Boolean]
6
+ },
7
+ data() {
8
+ return {
9
+ inputValue: {}
10
+ }
11
+ },
12
+ watch: {
13
+ value: {
14
+ handler(newValue) {
15
+ this.inputValue = newValue
16
+ },
17
+ deep: true
18
+ },
19
+ inputValue: {
20
+ handler(newValue) {
21
+ this.$emit(EVENT_INPUT, newValue)
22
+ },
23
+ deep: true
24
+ }
25
+ }
26
+ }
@@ -1,164 +1,164 @@
1
- .rong-chat {
2
- position: absolute;
3
- width: 100%;
4
- min-height: 100vh;
5
- top: 0;
6
- bottom: 0;
7
- overflow: auto;
8
- }
9
-
10
- #rong-messages {
11
- position: absolute;
12
- top: 0;
13
- bottom: 50px;
14
- width: 100%;
15
- overflow-y: auto;
16
- padding: 0 10px;
17
- padding-top: 45px;
18
- padding-bottom: 80px;
19
- box-sizing: border-box;
20
- }
21
-
22
-
23
- #rong-messages::-webkit-scrollbar {
24
- width: 4px;
25
- }
26
-
27
- .sentTime {
28
- text-align: center;
29
- font-size: 10px;
30
- color: #8e969f;
31
- }
32
-
33
- #rong-messages::-webkit-scrollbar-thumb {
34
- border-radius: 10px;
35
- -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
36
- background: rgba(0, 0, 0, 0.2);
37
- }
38
-
39
- #rong-messages::-webkit-scrollbar-track {
40
- -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
41
- border-radius: 0;
42
- background: rgba(0, 0, 0, 0.1);
43
-
44
- }
45
-
46
- .rong-message {
47
- margin: 20px 0 25px 0;
48
- }
49
-
50
- .rong-messages-getbtn {
51
- margin: 10px;
52
- position: relative;
53
- left: 50%;
54
- transform: translateX(-50%);
55
- }
56
-
57
- .rong-message-avatar {
58
- height: 40px;
59
- width: 40px;
60
- border-radius: 10px;
61
- }
62
-
63
- .rong-message-name {
64
- color: #8e969f;
65
- width: 40px;
66
- overflow: hidden;
67
- text-align: center;
68
- font-size: 12px;
69
- }
70
-
71
- .rong-message-avatar-receiver {
72
- float: left;
73
- }
74
-
75
- .rong-message-avatar-sender {
76
- float: right;
77
- }
78
-
79
- .rong-message-content {
80
- max-width: 65%;
81
- box-sizing: border-box;
82
- display: inline-block;
83
- border-radius: 5px;
84
- word-wrap: break-word;
85
- position: relative;
86
- // top: 15px;
87
- margin: 0 5px;
88
- box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
89
- font-size: 15px;
90
- font-family: 'PingFang SC';
91
- color: #000000;
92
- }
93
-
94
- .rong-message-content-receiver::after,
95
- .rong-message-content-receiver::before,
96
- .rong-message-content-sender::after,
97
- .rong-message-content-sender::before {
98
- content: "";
99
- border: 15px solid;
100
- position: absolute;
101
- top: 20px;
102
- border-color: transparent;
103
- }
104
-
105
- .rong-message-content-receiver::after {
106
- // border-color: transparent #fff transparent transparent;
107
- left: -23px;
108
- z-index: 0;
109
- }
110
-
111
- .rong-message-content-receiver::before {
112
- border-color: transparent transparent transparent transparent;
113
- left: -26.5px;
114
- }
115
-
116
- .rong-message-content-receiver {
117
- float: left;
118
- // background-color: #CBE7FC;
119
- background-color: #fff;
120
- }
121
-
122
- .rong-message-content-sender::after {
123
- // border-color: transparent transparent transparent #fff;
124
- right: -24px;
125
- z-index: 0;
126
- }
127
-
128
- .rong-message-content-sender {
129
- float: right;
130
- background-color: #FFF;
131
- }
132
-
133
- .rong-clearfix {
134
- clear: both;
135
- }
136
-
137
- .rong-message-content-image-sender {
138
- float: right;
139
- margin-right: 19px;
140
- margin-top: -16px;
141
- }
142
-
143
- .rong-message-content-image-receiver {
144
- margin-top: -16px;
145
- margin-left: 16px;
146
- }
147
-
148
- .fixed-top {
149
- position: fixed;
150
- width: 100%;
151
- left: 0;
152
- top: 20px;
153
- }
154
-
155
- .fixed-bottom {
156
- position: fixed;
157
- left: 0;
158
- bottom: 110px;
159
- width: 100%;
160
- }
161
-
162
- .fixedWhite {
163
- top: 80px!important
1
+ .rong-chat {
2
+ position: absolute;
3
+ width: 100%;
4
+ min-height: 100vh;
5
+ top: 0;
6
+ bottom: 0;
7
+ overflow: auto;
8
+ }
9
+
10
+ #rong-messages {
11
+ position: absolute;
12
+ top: 0;
13
+ bottom: 50px;
14
+ width: 100%;
15
+ overflow-y: auto;
16
+ padding: 0 10px;
17
+ padding-top: 45px;
18
+ padding-bottom: 80px;
19
+ box-sizing: border-box;
20
+ }
21
+
22
+
23
+ #rong-messages::-webkit-scrollbar {
24
+ width: 4px;
25
+ }
26
+
27
+ .sentTime {
28
+ text-align: center;
29
+ font-size: 10px;
30
+ color: #8e969f;
31
+ }
32
+
33
+ #rong-messages::-webkit-scrollbar-thumb {
34
+ border-radius: 10px;
35
+ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
36
+ background: rgba(0, 0, 0, 0.2);
37
+ }
38
+
39
+ #rong-messages::-webkit-scrollbar-track {
40
+ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
41
+ border-radius: 0;
42
+ background: rgba(0, 0, 0, 0.1);
43
+
44
+ }
45
+
46
+ .rong-message {
47
+ margin: 20px 0 25px 0;
48
+ }
49
+
50
+ .rong-messages-getbtn {
51
+ margin: 10px;
52
+ position: relative;
53
+ left: 50%;
54
+ transform: translateX(-50%);
55
+ }
56
+
57
+ .rong-message-avatar {
58
+ height: 40px;
59
+ width: 40px;
60
+ border-radius: 10px;
61
+ }
62
+
63
+ .rong-message-name {
64
+ color: #8e969f;
65
+ width: 40px;
66
+ overflow: hidden;
67
+ text-align: center;
68
+ font-size: 12px;
69
+ }
70
+
71
+ .rong-message-avatar-receiver {
72
+ float: left;
73
+ }
74
+
75
+ .rong-message-avatar-sender {
76
+ float: right;
77
+ }
78
+
79
+ .rong-message-content {
80
+ max-width: 65%;
81
+ box-sizing: border-box;
82
+ display: inline-block;
83
+ border-radius: 5px;
84
+ word-wrap: break-word;
85
+ position: relative;
86
+ // top: 15px;
87
+ margin: 0 5px;
88
+ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
89
+ font-size: 15px;
90
+ font-family: 'PingFang SC';
91
+ color: #000000;
92
+ }
93
+
94
+ .rong-message-content-receiver::after,
95
+ .rong-message-content-receiver::before,
96
+ .rong-message-content-sender::after,
97
+ .rong-message-content-sender::before {
98
+ content: "";
99
+ border: 15px solid;
100
+ position: absolute;
101
+ top: 20px;
102
+ border-color: transparent;
103
+ }
104
+
105
+ .rong-message-content-receiver::after {
106
+ // border-color: transparent #fff transparent transparent;
107
+ left: -23px;
108
+ z-index: 0;
109
+ }
110
+
111
+ .rong-message-content-receiver::before {
112
+ border-color: transparent transparent transparent transparent;
113
+ left: -26.5px;
114
+ }
115
+
116
+ .rong-message-content-receiver {
117
+ float: left;
118
+ // background-color: #CBE7FC;
119
+ background-color: #fff;
120
+ }
121
+
122
+ .rong-message-content-sender::after {
123
+ // border-color: transparent transparent transparent #fff;
124
+ right: -24px;
125
+ z-index: 0;
126
+ }
127
+
128
+ .rong-message-content-sender {
129
+ float: right;
130
+ background-color: #FFF;
131
+ }
132
+
133
+ .rong-clearfix {
134
+ clear: both;
135
+ }
136
+
137
+ .rong-message-content-image-sender {
138
+ float: right;
139
+ margin-right: 19px;
140
+ margin-top: -16px;
141
+ }
142
+
143
+ .rong-message-content-image-receiver {
144
+ margin-top: -16px;
145
+ margin-left: 16px;
146
+ }
147
+
148
+ .fixed-top {
149
+ position: fixed;
150
+ width: 100%;
151
+ left: 0;
152
+ top: 20px;
153
+ }
154
+
155
+ .fixed-bottom {
156
+ position: fixed;
157
+ left: 0;
158
+ bottom: 110px;
159
+ width: 100%;
160
+ }
161
+
162
+ .fixedWhite {
163
+ top: 80px!important
164
164
  }