github-repos/blivechat
1
0
Fork 0
mirror of https://github.com/xfgryujk/blivechat.git synced 2024-12-25 20:30:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

仿微信样式生成器添加显示大表情背景选项

Browse Source
This commit is contained in:
John Smith 2024-04-06 15:56:23 +08:00
parent 64f77c5df9
commit 690f6aa35c
4 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/lang/en.js
View File

@ -116,6 +116,7 @@ export default {
backgrounds: 'Backgrounds',
bgColor: 'Background color',
useBarsInsteadOfBg: 'Use bars instead of backgrounds',
showLargeEmoticonBg: 'Show large emoticon background',
messageBgColor: 'Message background color',
ownerMessageBgColor: 'Owner background color',
moderatorMessageBgColor: 'Moderator background color',

1
frontend/src/lang/ja.js
View File

@ -116,6 +116,7 @@ export default {
backgrounds: '背景',
bgColor: '背景色',
useBarsInsteadOfBg: '背景に代わります',
showLargeEmoticonBg: '大きなスタンプの背景を表示する',
messageBgColor: 'コメント背景色',
ownerMessageBgColor: 'オーナーコメント背景色',
moderatorMessageBgColor: '管理者コメント背景色',

1
frontend/src/lang/zh.js
View File

@ -116,6 +116,7 @@ export default {
backgrounds: '背景',
bgColor: '背景色',
useBarsInsteadOfBg: '用条代替消息背景',
showLargeEmoticonBg: '显示大表情背景',
messageBgColor: '消息背景色',
ownerMessageBgColor: '主播消息背景色',
moderatorMessageBgColor: '房管消息背景色',

20
frontend/src/views/StyleGenerator/LineLike.vue
View File

@ -155,6 +155,11 @@
<el-color-picker v-model="form.bgColor" show-alpha></el-color-picker>
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12">
<el-form-item :label="$t('stylegen.showLargeEmoticonBg')">
<el-switch v-model="form.showLargeEmoticonBg"></el-switch>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :xs="24" :sm="12">
@ -346,6 +351,7 @@ export const DEFAULT_CONFIG = {
ownerMessageBgColor: 'rgba(231, 199, 30, 1)',
moderatorMessageBgColor: 'rgba(41, 95, 251, 1)',
memberMessageBgColor: 'rgba(43, 234, 43, 1)',
showLargeEmoticonBg: true,
firstLineFont: 'Noto Sans SC',
firstLineFontSize: 20,
@ -475,6 +481,10 @@ yt-live-chat-text-message-renderer #message {
border-radius: 24px;
}
yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji) {
${this.form.showLargeEmoticonBg ? '' : 'padding: 0;'}
}
yt-live-chat-text-message-renderer #message .emoji {
width: auto !important;
height: ${this.form.emoticonSize}px !important;
@ -494,6 +504,10 @@ 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 #message:has(.emoji.blc-large-emoji)::before {
${this.form.showLargeEmoticonBg ? '' : 'content: none;'}
}`
},
timeStyle() {
@ -512,7 +526,11 @@ ${this.getBgStyleForAuthorType('owner', this.form.ownerMessageBgColor)}
${this.getBgStyleForAuthorType('moderator', this.form.moderatorMessageBgColor)}
${this.getBgStyleForAuthorType('member', this.form.memberMessageBgColor)}`
${this.getBgStyleForAuthorType('member', this.form.memberMessageBgColor)}
yt-live-chat-text-message-renderer #message:has(.emoji.blc-large-emoji) {
${this.form.showLargeEmoticonBg ? '' : 'background-color: transparent !important;'}
}`
},
scAndNewMemberStyle() {
return `/* SuperChat/Fan Funding Messages */