🐞 fix: 修复web移动端页面空白问题（#24）

closed #24
2026-05-17 10:27:30 +08:00 · 2024-12-30 11:20:23 +08:00
parent dfdf02a17f
commit f8d421c9b1
6 changed files with 23 additions and 6 deletions
@@ -40,6 +40,11 @@
              <span :style="getLrcStyle(index)">{{ item.text }}</span>
              <div class="music-lrc-text-tr">{{ item.trText }}</div>
            </div>
+
+            <!-- 无歌词 -->
+            <div v-if="!lrcArray.length" class="music-lrc-text mt-40">
+              <span>暂无歌词, 请欣赏</span>
+            </div>
          </div>
        </n-layout>
        <!-- 时间矫正 -->
@@ -291,7 +296,7 @@ defineExpose({
      }
    }
    .music-lrc-text {
-      text-align: center;
+      @apply text-xl text-center;
    }
  }
 }