From 18c96102b3750bd4d46f6940dbe4c9ff2643f54b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Fri, 17 Jan 2025 16:13:31 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20=E8=B0=83=E6=95=B4hint?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/func/loading.vue      | 5 +++++
 src/components/viewPost/tp-image.vue | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/func/loading.vue b/src/components/func/loading.vue
index f950b9a4..ab4bcf8d 100644
--- a/src/components/func/loading.vue
+++ b/src/components/func/loading.vue
@@ -159,10 +159,15 @@ defineExpose({ displayBox });
 }
 
 .loading-subtitle {
+  position: relative;
   width: 100%;
+  max-width: 100%;
   height: 25px;
+  box-sizing: border-box;
+  padding: 0 20px;
   font-size: 1rem;
   text-align: center;
+  word-break: break-all;
 }
 
 .loading-img {
diff --git a/src/components/viewPost/tp-image.vue b/src/components/viewPost/tp-image.vue
index b8f30ac5..422f95b6 100644
--- a/src/components/viewPost/tp-image.vue
+++ b/src/components/viewPost/tp-image.vue
@@ -71,7 +71,7 @@ watch(
   () => showOri.value,
   async () => {
     if (!showOri.value) return;
-    await showLoading.start("加载中...");
+    await showLoading.start("正在加载原图", props.data.insert.image);
     if (localUrl.value) URL.revokeObjectURL(localUrl.value);
     localUrl.value = await saveImgLocal(props.data.insert.image);
     await showLoading.end();
@@ -97,7 +97,7 @@ function getImageTitle(): string {
   return res.join("\n");
 }
 </script>
-<style lang="css" scoped>
+<style lang="scss" scoped>
 .tp-image-box {
   position: relative;
   display: flex;