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 = () => {

当前头像URL:

-
- {avatarUrl ? ( - - {typeof avatarUrl === "string" ? avatarUrl : "无效URL"} - - ) : ( - 暂无头像 - )} +
+
+ {avatarUrl ? ( +
+ {typeof avatarUrl === "string" ? avatarUrl : "无效URL"} +
+ ) : ( + 暂无头像 + )} +
@@ -144,14 +146,16 @@ const UploadTestPage: React.FC = () => {

当前视频URL:

-
- {videoUrl ? ( - - {typeof videoUrl === "string" ? videoUrl : "无效URL"} - - ) : ( - 暂无视频 - )} +
+
+ {videoUrl ? ( +
+ {typeof videoUrl === "string" ? videoUrl : "无效URL"} +
+ ) : ( + 暂无视频 + )} +