From f2a10e249f87d683ea226e85f7699853358801dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B6=85=E7=BA=A7=E8=80=81=E7=99=BD=E5=85=94?=
 <fsmecx@gmail.com>
Date: Mon, 4 Aug 2025 11:22:28 +0800
Subject: [PATCH] =?UTF-8?q?FEAT=20=3D>=20=E6=9C=AC=E6=AC=A1=E6=9B=B4?=
 =?UTF-8?q?=E6=96=B0=E9=A1=B9=E7=9B=AE=E4=B8=BA=EF=BC=9A=20=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/mobile/test/upload.module.scss  | 13 +++++++
 nkebao/src/pages/mobile/test/upload.tsx       | 36 ++++++++++---------
 2 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/nkebao/src/pages/mobile/test/upload.module.scss b/nkebao/src/pages/mobile/test/upload.module.scss
index 5a60251b..aaed5bc9 100644
--- a/nkebao/src/pages/mobile/test/upload.module.scss
+++ b/nkebao/src/pages/mobile/test/upload.module.scss
@@ -112,12 +112,18 @@
             color: #666;
             margin-right: 8px;
             min-width: 20px;
+            flex-shrink: 0;
           }
 
           .url {
             color: #1890ff;
             word-break: break-all;
             line-height: 1.4;
+            white-space: pre-wrap;
+            word-wrap: break-word;
+            overflow-wrap: break-word;
+            flex: 1;
+            min-width: 0; // 确保flex项目可以收缩
           }
         }
       }
@@ -294,6 +300,13 @@
           }
         }
 
+        // 单个URL项（头像、视频）的样式
+        .urlItem {
+          .url {
+            color: #40a9ff;
+          }
+        }
+
         .emptyText {
           color: #888;
         }
diff --git a/nkebao/src/pages/mobile/test/upload.tsx b/nkebao/src/pages/mobile/test/upload.tsx
index a068fe0e..6eb297db 100644
--- a/nkebao/src/pages/mobile/test/upload.tsx
+++ b/nkebao/src/pages/mobile/test/upload.tsx
@@ -115,14 +115,16 @@ const UploadTestPage: React.FC = () => {
 
             <div className={styles.result}>
               <h4>当前头像URL:</h4>
-              <div className={styles.urlItem}>
-                {avatarUrl ? (
-                  <span className={styles.url}>
-                    {typeof avatarUrl === "string" ? avatarUrl : "无效URL"}
-                  </span>
-                ) : (
-                  <span className={styles.emptyText}>暂无头像</span>
-                )}
+              <div className={styles.urlList}>
+                <div className={styles.urlItem}>
+                  {avatarUrl ? (
+                    <div className={styles.url}>
+                      {typeof avatarUrl === "string" ? avatarUrl : "无效URL"}
+                    </div>
+                  ) : (
+                    <span className={styles.emptyText}>暂无头像</span>
+                  )}
+                </div>
               </div>
             </div>
           </Card>
@@ -144,14 +146,16 @@ const UploadTestPage: React.FC = () => {
 
             <div className={styles.result}>
               <h4>当前视频URL:</h4>
-              <div className={styles.urlItem}>
-                {videoUrl ? (
-                  <span className={styles.url}>
-                    {typeof videoUrl === "string" ? videoUrl : "无效URL"}
-                  </span>
-                ) : (
-                  <span className={styles.emptyText}>暂无视频</span>
-                )}
+              <div className={styles.urlList}>
+                <div className={styles.urlItem}>
+                  {videoUrl ? (
+                    <div className={styles.url}>
+                      {typeof videoUrl === "string" ? videoUrl : "无效URL"}
+                    </div>
+                  ) : (
+                    <span className={styles.emptyText}>暂无视频</span>
+                  )}
+                </div>
               </div>
             </div>
           </Card>