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;