一些前端优化

frontend/src/components/ChatRenderer/TextMessage.vue

@@ -17,10 +17,12 @@
           ></author-badge>
         </span>
       </yt-live-chat-author-chip>
-      <span id="message" class="style-scope yt-live-chat-text-message-renderer">{{content}}</span>
+      <span id="message" class="style-scope yt-live-chat-text-message-renderer">
+        {{content}}
         <el-badge :value="repeated" :max="99" v-show="repeated > 1" class="style-scope yt-live-chat-text-message-renderer"
           :style="{'--repeated-mark-color': repeatedMarkColor}"
         ></el-badge>
+      </span>
     </div>
   </yt-live-chat-text-message-renderer>
 </template>
@@ -77,11 +79,11 @@ export default {
 </script>
 
 <style>
-yt-live-chat-text-message-renderer>#content>.el-badge {
-  margin-left: 10px;
+yt-live-chat-text-message-renderer>#content>#message>.el-badge {
+  margin-left: 5px;
 }
 
-yt-live-chat-text-message-renderer>#content>.el-badge .el-badge__content {
+yt-live-chat-text-message-renderer>#content>#message>.el-badge .el-badge__content {
   font-size: 12px !important;
   line-height: 18px !important;
   text-shadow: none !important;

frontend/src/components/ChatRenderer/index.vue

@@ -119,18 +119,20 @@ export default {
       this.enqueueMessages(messages)
     },
     mergeSimilarText(content) {
+      content = content.trim().toLowerCase()
       let res = false
       this.forEachRecentMessage(5, message => {
         if (message.type !== constants.MESSAGE_TYPE_TEXT) {
           return true
         }
+        let messageContent = message.content.trim().toLowerCase()
         let longer, shorter
-        if (message.content.length > content.length) {
-          longer = message.content
+        if (messageContent.length > content.length) {
+          longer = messageContent
           shorter = content
         } else {
           longer = content
-          shorter = message.content
+          shorter = messageContent
         }
         if (longer.indexOf(shorter) !== -1 // 长的包含短的
             && longer.length - shorter.length < shorter.length // 长度差较小

frontend/src/lang/zh.js

@@ -91,8 +91,8 @@ export default {
     scContentLineLineHeight: 'Super Chat内容行高（0为默认）',
     scContentLineColor: 'Super Chat内容颜色',
     showNewMemberBg: '显示新舰长背景',
-    showScTicker: '显示Super Chat贴纸',
-    showOtherThings: '显示Super Chat贴纸之外的内容',
+    showScTicker: '显示Super Chat固定栏',
+    showOtherThings: '显示Super Chat固定栏之外的内容',
 
     animation: '动画',
     animateIn: '进入动画',

frontend/src/views/StyleGenerator/index.vue

@@ -266,8 +266,8 @@ const EXAMPLE_MESSAGES = [
   {
     ...legacyPaidMessageTemplate,
     id: nextId++,
-    authorName: '吾乐KANA',
-    content: 'Welcome 吾乐KANA!'
+    authorName: '少年Pi',
+    content: 'Welcome 少年Pi!'
   },
   {
     ...paidMessageTemplate,
@@ -281,14 +281,14 @@ const EXAMPLE_MESSAGES = [
     id: nextId++,
     authorName: 'streamer主播',
     authorType: constants.AUTHRO_TYPE_OWNER,
-    content: '感谢石油佬送的小电视'
+    content: '老板大气，老板身体健康'
   },
   {
     ...paidMessageTemplate,
     id: nextId++,
     authorName: '夏色祭保護協会会長',
-    price: 28,
-    content: 'Sent 礼花x1'
+    price: 30,
+    content: '言いたいことがあるんだよ！'
   }
 ]