From 3118a7de98e071bfdbf8718c44ff5b9cee33cbc8 Mon Sep 17 00:00:00 2001 From: John Smith Date: Sun, 26 Dec 2021 20:44:23 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=A1=A8=E6=83=85=E7=9B=B8?= =?UTF-8?q?=E5=85=B3=E7=9A=84=E4=B8=80=E4=BA=9B=E5=AE=9E=E7=8E=B0=E5=92=8C?= =?UTF-8?q?=E4=BB=A3=E7=A0=81=E9=A3=8E=E6=A0=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- api/chat.py | 1 + frontend/public/static/img/emoticons/233.png | Bin 0 -> 3779 bytes frontend/public/static/img/emoticons/lipu.png | Bin 0 -> 5356 bytes .../public/static/img/emoticons/miaoa.png | Bin 0 -> 5061 bytes frontend/src/api/chat/ChatClientDirect.js | 8 ++-- frontend/src/api/chat/ChatClientRelay.js | 3 +- frontend/src/api/chat/ChatClientTest.js | 41 ++++-------------- .../components/ChatRenderer/TextMessage.vue | 18 ++++---- .../src/components/ChatRenderer/index.vue | 5 +-- frontend/src/lang/en.js | 1 - frontend/src/lang/ja.js | 1 + frontend/src/lang/zh.js | 1 - frontend/src/views/StyleGenerator/Legacy.vue | 17 +++++--- .../src/views/StyleGenerator/LineLike.vue | 25 +++-------- 14 files changed, 45 insertions(+), 76 deletions(-) create mode 100644 frontend/public/static/img/emoticons/233.png create mode 100644 frontend/public/static/img/emoticons/lipu.png create mode 100644 frontend/public/static/img/emoticons/miaoa.png diff --git a/api/chat.py b/api/chat.py index 0cc0f4e..d923722 100644 --- a/api/chat.py +++ b/api/chat.py @@ -56,6 +56,7 @@ class Room(blivedm.BLiveClient, blivedm.BaseHandler): medal_level = 0 medal_room_id = 0 + # TODO 带表情信息 message = blivedm.DanmakuMessage( timestamp=info[0][4], msg_type=info[0][9], diff --git a/frontend/public/static/img/emoticons/233.png b/frontend/public/static/img/emoticons/233.png new file mode 100644 index 0000000000000000000000000000000000000000..420a4719c20b056a0d991c709a37b724284b6918 GIT binary patch literal 3779 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 literal 0 HcmV?d00001 diff --git a/frontend/public/static/img/emoticons/lipu.png b/frontend/public/static/img/emoticons/lipu.png new file mode 100644 index 0000000000000000000000000000000000000000..b1c340547de6fb59108cd7d66413e698c84d90ad GIT binary patch literal 5356 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 {{timeText}} - {{ - authorName - }} + + + @@ -17,15 +17,15 @@ > - {{ - content - }} + + + -
- -
diff --git a/frontend/src/components/ChatRenderer/index.vue b/frontend/src/components/ChatRenderer/index.vue index f139eba..6778108 100644 --- a/frontend/src/components/ChatRenderer/index.vue +++ b/frontend/src/components/ChatRenderer/index.vue @@ -13,9 +13,8 @@ - - - + + + + + + +

{{$t('stylegen.time')}}

@@ -379,7 +383,7 @@ export const DEFAULT_CONFIG = { messageLineHeight: 0, messageColor: '#ffffff', messageOnNewLine: false, - emoticonSize: 64, + emoticonSize: 18, showTime: false, timeFont: 'Imprima', @@ -547,8 +551,9 @@ ${!this.form.messageOnNewLine ? '' : `yt-live-chat-text-message-renderer #messag overflow: visible !important; }`} -yt-live-chat-text-message-renderer #emoticon img { - width: ${this.form.emoticonSize}px !important; +yt-live-chat-text-message-renderer #message img { + width: auto !important; + height: ${this.form.emoticonSize}px !important; }` }, timeStyle() { diff --git a/frontend/src/views/StyleGenerator/LineLike.vue b/frontend/src/views/StyleGenerator/LineLike.vue index fe14874..898350c 100644 --- a/frontend/src/views/StyleGenerator/LineLike.vue +++ b/frontend/src/views/StyleGenerator/LineLike.vue @@ -103,11 +103,6 @@ - - - - - @@ -332,8 +327,7 @@ export const DEFAULT_CONFIG = { messageFontSize: 18, messageLineHeight: 0, messageColor: '#000000', - emoticonBubble: true, - emoticonSize: 64, + emoticonSize: 18, showTime: false, timeFont: 'Noto Sans SC', @@ -458,8 +452,6 @@ yt-live-chat-text-message-renderer #chat-badges { }, messageStyle() { return `/* Messages */ -${this.form.emoticonBubble ? `yt-live-chat-text-message-renderer #emoticon, -yt-live-chat-text-message-renderer #emoticon *,` : ''} yt-live-chat-text-message-renderer #message, yt-live-chat-text-message-renderer #message * { ${this.form.messageColor ? `color: ${this.form.messageColor} !important;` : ''} @@ -468,7 +460,6 @@ yt-live-chat-text-message-renderer #message * { line-height: ${this.form.messageLineHeight || this.form.messageFontSize}px !important; } -${this.form.emoticonBubble ? 'yt-live-chat-text-message-renderer${typeSelector} #emoticon,' : ''} yt-live-chat-text-message-renderer #message { display: block !important; overflow: visible !important; @@ -476,8 +467,12 @@ yt-live-chat-text-message-renderer #message { border-radius: 30px; } +yt-live-chat-text-message-renderer #message img { + width: auto !important; + height: ${this.form.emoticonSize}px !important; +} + /* The triangle beside dialog */ -${this.form.emoticonBubble ? 'yt-live-chat-text-message-renderer${typeSelector} #emoticon::before,' : ''} yt-live-chat-text-message-renderer #message::before { content: ""; display: inline-block; @@ -487,10 +482,6 @@ yt-live-chat-text-message-renderer #message::before { border: 8px solid transparent; border-right: 18px solid; transform: rotate(35deg); -} - -yt-live-chat-text-message-renderer #emoticon img { - width: ${this.form.emoticonSize}px !important; }` }, timeStyle() { @@ -607,12 +598,10 @@ yt-live-chat-ticker-sponsor-item-renderer * { color = '#ffffff' } let typeSelector = authorType ? `[author-type="${authorType}"]` : '' - return `${this.form.emoticonBubble ? `yt-live-chat-text-message-renderer${typeSelector} #emoticon,` : ''} -yt-live-chat-text-message-renderer${typeSelector} #message { + return `yt-live-chat-text-message-renderer${typeSelector} #message { background-color: ${color} !important; } -${this.form.emoticonBubble ? `yt-live-chat-text-message-renderer${typeSelector} #emoticon::before,` : ''} yt-live-chat-text-message-renderer${typeSelector} #message::before { border-right-color: ${color}; }`