From 97f2ce043b75b4670b067279236334bdd8ab00d0 Mon Sep 17 00:00:00 2001
From: fengkx <liangkx8237@gmail.com>
Date: Sun, 7 Feb 2021 11:27:49 +0800
Subject: [PATCH] fix: description style with newline (#246)

---
 src/views/album.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/views/album.vue b/src/views/album.vue
index 0dd3f3a..eb82e30 100644
--- a/src/views/album.vue
+++ b/src/views/album.vue
@@ -108,8 +108,11 @@
       :showFooter="false"
       :clickOutsideHide="true"
       title="专辑介绍"
-      >{{ album.description }}</Modal
     >
+      <p class="description-fulltext">
+        {{ album.description }}
+      </p>
+    </Modal>
     <ContextMenu ref="albumMenu">
       <div class="item">{{ $t("contextMenu.playNext") }}</div>
       <div class="item" @click="likeAlbum(true)">{{
@@ -311,6 +314,7 @@ export default {
       -webkit-line-clamp: 3;
       overflow: hidden;
       cursor: pointer;
+      white-space: pre-line;
       &:hover {
         transition: opacity 0.3s;
         opacity: 0.88;
@@ -361,4 +365,12 @@ export default {
     margin-bottom: 20px;
   }
 }
+.description-fulltext {
+  font-size: 16px;
+  margin-top: 24px;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  white-space: pre-line;
+}
 </style>