From f7edd54ea76d480f022f223e43d213dd93150142 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Thu, 17 Feb 2022 15:48:55 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=AE=BD=E5=BA=A6=E8=AE=A1?=
 =?UTF-8?q?=E7=AE=97=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PlayDetail/components/MusicComment/index.vue     | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/core/PlayDetail/components/MusicComment/index.vue b/src/renderer/components/core/PlayDetail/components/MusicComment/index.vue
index e803117d..7568203c 100644
--- a/src/renderer/components/core/PlayDetail/components/MusicComment/index.vue
+++ b/src/renderer/components/core/PlayDetail/components/MusicComment/index.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-div.comment(:class="$style.comment")
+div.comment(:class="$style.comment" ref="dom_container")
   div(:class="$style.commentHeader")
     h3 {{$t('comment__title', { name: title })}}
     div(:class="$style.commentHeaderBtns")
@@ -117,12 +117,22 @@ export default {
         : '^-^'
     },
   },
+  mounted() {
+    this.setWidth()
+    window.addEventListener('resize', this.setWidth)
+  },
+  beforeUnmount() {
+    window.removeEventListener('resize', this.setWidth)
+  },
   watch: {
     show(n) {
       if (n) this.handleShowComment()
     },
   },
   methods: {
+    setWidth() {
+      this.$refs.dom_container.style.width = this.$refs.dom_container.clientWidth + 'px'
+    },
     async getComment(musicInfo, page, limit, retryNum = 0) {
       let resp
       try {