liuchang/fe_service_ebtp_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

emoji优化

Browse Source
This commit is contained in:
unknown
2022-05-13 17:33:09 +08:00
parent acd8ffad65
commit 77eae3ab93
3 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/customerservice/support/conversation/components/ChatInput/ChatInput.jsx
View File

@ -425,9 +425,18 @@ const str_substr = (start, end, str)=> {
range = window.getSelection().getRangeAt(0) range = window.getSelection().getRangeAt(0)
} }
if (range && innerRef.current) { if (range && innerRef.current) {
var wrapped_obj = document.createElement('span')
var obj = document.createElement('span') var obj = document.createElement('span')
var obj2 = document.createElement('span')
obj.setAttribute('emoji','emoji')
obj.setAttribute('contentEditable',false)
obj.style.fontSize="20px"
obj.innerHTML=emoji obj.innerHTML=emoji
range.insertNode(obj)
wrapped_obj.appendChild(obj)
wrapped_obj.appendChild(obj2)
range.insertNode(wrapped_obj)
setCachedRange(range) setCachedRange(range)
range.collapse(false) range.collapse(false)
window.getSelection().removeAllRanges(); window.getSelection().removeAllRanges();

1
src/pages/customerservice/support/conversation/components/ChatInput/style.module.css
View File

@ -16,6 +16,7 @@
padding: 10px; padding: 10px;
margin-right: 10px; margin-right: 10px;
font-size: 13px; font-size: 13px;
line-height: 13px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
letter-spacing: 2px; letter-spacing: 2px;
} }

3
src/pages/customerservice/support/conversation/components/EmojiPopover/style.module.css
View File

@ -7,7 +7,7 @@
left: 30px; left: 30px;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
width: 288px; width: 400px;
background-color: white; background-color: white;
border: solid 1px #aaaaaa; border: solid 1px #aaaaaa;
border-radius: 5px; border-radius: 5px;
@ -30,6 +30,7 @@
left: -14.5px; left: -14.5px;
} }
.customer_service_content .emoji_item { .customer_service_content .emoji_item {
font-size: 20px;
box-sizing: border-box; box-sizing: border-box;
padding: 0px 7px 0px 3px; padding: 0px 7px 0px 3px;
} }