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.
- package/README.md +309 -299
- package/common.js +110 -110
- package/index.js +1 -1
- package/package.json +16 -16
- package/src/App.vue +12 -12
- package/src/common/common.js +551 -549
- package/src/common/createMenuId.js +7 -7
- package/src/common/uploadImgToBase64.js +12 -12
- package/src/common/utils.js +95 -95
- package/src/components/Breadcrumb/index.vue +81 -81
- package/src/components/CheckBox_Cmp/index.vue +62 -62
- package/src/components/Col_TableCell/data.js +4 -4
- package/src/components/Col_TableCell/index.scss +77 -77
- package/src/components/Col_TableCell/index.vue +43 -43
- package/src/components/Col_TableCell/methods.js +19 -19
- package/src/components/FormItem/index.vue +92 -92
- package/src/components/Hamburger/index.vue +44 -44
- package/src/components/ReportCmp/data.js +3 -3
- package/src/components/ReportCmp/index.scss +29 -29
- package/src/components/ReportCmp/index.vue +76 -76
- package/src/components/ReportCmp/methods.js +30 -30
- package/src/components/Search/cascader/data.js +3 -3
- package/src/components/Search/cascader/index.scss +17 -17
- package/src/components/Search/cascader/index.vue +96 -96
- package/src/components/Search/cascader/methods.js +41 -41
- package/src/components/Search/data.js +5 -5
- package/src/components/Search/hk_cascader/index.vue +104 -104
- package/src/components/Search/hk_cascader_qudao/index.vue +94 -94
- package/src/components/Search/index.scss +219 -219
- package/src/components/Search/index.vue +410 -410
- package/src/components/Search/methods.js +86 -86
- package/src/components/Search/product_option/data.js +3 -3
- package/src/components/Search/product_option/index.scss +68 -68
- package/src/components/Search/product_option/index.vue +412 -412
- package/src/components/Search/product_option/methods.js +58 -58
- package/src/components/Search/select/data.js +3 -3
- package/src/components/Search/select/index.scss +2 -2
- package/src/components/Search/select/index.vue +114 -114
- package/src/components/Search/select/methods.js +51 -51
- package/src/components/Search_filter/data.js +5 -5
- package/src/components/Search_filter/index.scss +104 -104
- package/src/components/Search_filter/index.vue +88 -88
- package/src/components/Search_filter/methods.js +43 -43
- package/src/components/TableCmp/data.js +3 -3
- package/src/components/TableCmp/index.scss +22 -22
- package/src/components/TableCmp/index.vue +98 -98
- package/src/components/TableCmp/methods.js +35 -35
- package/src/components/TableItem/TableItem.vue +55 -55
- package/src/components/TextOVer/index.vue +55 -55
- package/src/components/UploadImg/index.vue +177 -177
- package/src/components/home/BarChart.vue +118 -118
- package/src/components/home/LineChart.vue +146 -146
- package/src/components/home/Panel.vue +135 -135
- package/src/components/home/PanelGroup.vue +146 -146
- package/src/components/home/PieChart.vue +81 -81
- package/src/components/home/RaddarChart.vue +119 -119
- package/src/components/home/TabLayout.vue +88 -88
- package/src/components/home/TableList.vue +158 -158
- package/src/components/home/Teng.vue +248 -248
- package/src/components/home/TransactionTable.vue +49 -49
- package/src/components/home/mixins/resize.js +55 -55
- package/src/components/im/index.vue +155 -155
- package/src/components/im/methods.js +25 -25
- package/src/components/im/pages/chatList/index.vue +45 -45
- package/src/components/im/pages/chatRoom/index.vue +159 -159
- package/src/components/image-singleUpload/data.js +3 -3
- package/src/components/image-singleUpload/index.scss +26 -26
- package/src/components/image-singleUpload/index.vue +56 -56
- package/src/components/image-singleUpload/methods.js +30 -30
- package/src/components/image-upload/data.js +7 -7
- package/src/components/image-upload/index.vue +41 -41
- package/src/components/image-upload/methods.js +80 -80
- package/src/components/multiple-image-upload/data.js +11 -11
- package/src/components/multiple-image-upload/index.scss +8 -8
- package/src/components/multiple-image-upload/index.vue +63 -63
- package/src/components/multiple-image-upload/methods.js +45 -45
- package/src/components/pro-upload/data.js +3 -3
- package/src/components/pro-upload/index.scss +4 -4
- package/src/components/pro-upload/index.vue +89 -89
- package/src/components/pro-upload/methods.js +86 -86
- package/src/components/report_set/index.scss +44 -44
- package/src/components/report_set/index.vue +153 -153
- package/src/components/search-page/src/index.scss +5 -5
- package/src/components/search-page/src/index.vue +76 -76
- package/src/components/search-page/src/methods.js +36 -36
- package/src/components/xsSelect/index.vue +125 -125
- package/src/mixin/dialog.js +31 -31
- package/src/mixin/dlg.js +46 -46
- package/src/mixin/keepAlive.js +53 -53
- package/src/mixin/newDialog.js +19 -19
- package/src/mixin/report.js +82 -82
- package/src/mixin/table.js +93 -93
- package/src/mixin/tableCell/colTableCell_analysis.js +103 -103
- package/src/mixin/upload.js +22 -22
- package/src/mixin/vmodel.js +26 -26
- package/src/plugins/im/components/chat/index.scss +163 -163
- package/src/plugins/im/components/chat/index.vue +144 -144
- package/src/plugins/im/components/chat/methods.js +149 -149
- package/src/plugins/im/components/conversation-list/index.css +91 -91
- package/src/plugins/im/components/conversation-list/index.json +3 -3
- package/src/plugins/im/components/conversation-list/index.vue +89 -89
- package/src/plugins/im/components/loading/loading.css +69 -69
- package/src/plugins/im/components/loading/loading.json +3 -3
- package/src/plugins/im/components/loading/loading.vue +14 -14
- package/src/plugins/im/components/msg-image/index.json +3 -3
- package/src/plugins/im/components/msg-image/index.vue +40 -40
- package/src/plugins/im/components/msg-text/index.json +3 -3
- package/src/plugins/im/components/msg-text/index.vue +24 -24
- package/src/plugins/im/components/send-msg/index.scss +164 -164
- package/src/plugins/im/components/send-msg/index.vue +107 -107
- package/src/plugins/im/components/send-msg/methods.js +125 -125
- package/src/plugins/im/components/template-message/index.vue +76 -76
- package/src/plugins/im/components/without.vue +19 -19
- package/src/plugins/im/im-plug-in/Protobuf-2.3.7.min.js +1 -1
- package/src/plugins/im/im-plug-in/RongCallLib-3.1.5.min.js +74 -74
- package/src/plugins/im/im-plug-in/RongIMLib-4.1.0.js +17420 -17420
- package/src/plugins/im/im-plug-in/init.js +216 -216
- package/src/plugins/im/im-plug-in/qiniu.js +266 -266
- package/src/plugins/im/im-plug-in/send-data.js +431 -431
- package/src/plugins/im/im-plug-in/upload.js +232 -232
- package/src/plugins/im/index.js +31 -31
- package/src/plugins/im/lib/RongIMEmoji-2.2.6.js +332 -332
- package/src/plugins/im/lib/RongIMLib-3.0.7.2-dev.js +11635 -11635
- package/src/plugins/im/lib/RongIMLib-3.0.7.2-dev.min.js +6 -6
- package/src/plugins/im/utils/services.js +625 -625
- package/src/plugins/im/utils/underscore-1.8.3.js +1531 -1531
- package/src/plugins/im/utils/utils.js +149 -149
- package/src/plugins/index.js +60 -60
- package/src/plugins/row-col-cmp/colCmp/data.js +3 -3
- package/src/plugins/row-col-cmp/colCmp/index.scss +50 -50
- package/src/plugins/row-col-cmp/colCmp/index.vue +53 -53
- package/src/plugins/row-col-cmp/colCmp/methods.js +25 -25
- package/src/plugins/row-col-cmp/index.js +20 -20
- package/src/plugins/row-col-cmp/rowCmp/data.js +3 -3
- package/src/plugins/row-col-cmp/rowCmp/index.scss +3 -3
- package/src/plugins/row-col-cmp/rowCmp/index.vue +43 -43
- package/src/plugins/row-col-cmp/rowCmp/methods.js +29 -29
- package/src/router/index.js +58 -58
- package/src/router/permission.js +126 -126
- package/src/store/getters.js +13 -13
- package/src/store/index.js +60 -60
- package/src/store/modules/app.js +55 -55
- package/src/store/modules/dic.js +74 -74
- package/src/store/modules/oss.js +40 -40
- package/src/store/modules/settings.js +28 -28
- package/src/store/modules/tagsView.js +160 -160
- package/src/store/modules/user.js +94 -94
- package/src/store/modules/widgetdata.js +42 -42
- package/src/styles/element-ui.scss +49 -49
- package/src/styles/index.scss +91 -91
- package/src/styles/mixin.scss +28 -28
- package/src/styles/sidebar.scss +210 -210
- package/src/styles/table.scss +90 -90
- package/src/styles/transition.scss +48 -48
- package/src/styles/variables.scss +25 -25
- package/src/utils/api.js +54 -54
- package/src/utils/auth.js +38 -38
- package/src/utils/concat_batch_btns.js +88 -88
- package/src/utils/enum.js +150 -150
- package/src/utils/filter.js +5 -5
- package/src/utils/filterRules.js +55 -55
- package/src/utils/get-page-title.js +10 -10
- package/src/utils/getMenu.js +82 -82
- package/src/utils/global-config.js +15 -15
- package/src/utils/global_directive.js +10 -10
- package/src/utils/index.js +332 -332
- package/src/utils/localStorage.js +21 -21
- package/src/utils/ossService.js +55 -55
- package/src/utils/prototype.js +46 -46
- package/src/utils/search.js +33 -33
- package/src/utils/signalR.js +24 -24
- package/src/utils/validate.js +20 -20
- package/src/views/callback/index.vue +35 -35
- package/src/views/home/index.vue +25 -25
- package/src/views/layout/components/AllSearch/index.vue +44 -44
- package/src/views/layout/components/AppMain.vue +66 -66
- package/src/views/layout/components/Sidebar/FixiOSBug.js +26 -26
- package/src/views/layout/components/Sidebar/Item.vue +28 -28
- package/src/views/layout/components/Sidebar/Link.vue +34 -34
- package/src/views/layout/components/Sidebar/Logo.vue +79 -79
- package/src/views/layout/components/Sidebar/SidebarItem.vue +67 -67
- package/src/views/layout/components/Sidebar/index.vue +114 -114
- package/src/views/layout/components/TagsView/ScrollPane.vue +94 -94
- package/src/views/layout/components/TagsView/index.vue +330 -330
- package/src/views/layout/components/index.js +3 -3
- package/src/views/layout/index.vue +107 -107
- package/src/views/redirect/index.vue +12 -12
- 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
|
+
}
|
package/src/mixin/upload.js
CHANGED
|
@@ -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
|
+
}
|
package/src/mixin/vmodel.js
CHANGED
|
@@ -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
|
}
|