FEAT => 本次更新项目为:

样式修正
This commit is contained in:
超级老白兔
2025-08-04 11:22:28 +08:00
parent e36f602e6a
commit f2a10e249f
2 changed files with 33 additions and 16 deletions

View File

@@ -112,12 +112,18 @@
color: #666; color: #666;
margin-right: 8px; margin-right: 8px;
min-width: 20px; min-width: 20px;
flex-shrink: 0;
} }
.url { .url {
color: #1890ff; color: #1890ff;
word-break: break-all; word-break: break-all;
line-height: 1.4; 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 { .emptyText {
color: #888; color: #888;
} }

View File

@@ -115,14 +115,16 @@ const UploadTestPage: React.FC = () => {
<div className={styles.result}> <div className={styles.result}>
<h4>URL:</h4> <h4>URL:</h4>
<div className={styles.urlItem}> <div className={styles.urlList}>
{avatarUrl ? ( <div className={styles.urlItem}>
<span className={styles.url}> {avatarUrl ? (
{typeof avatarUrl === "string" ? avatarUrl : "无效URL"} <div className={styles.url}>
</span> {typeof avatarUrl === "string" ? avatarUrl : "无效URL"}
) : ( </div>
<span className={styles.emptyText}></span> ) : (
)} <span className={styles.emptyText}></span>
)}
</div>
</div> </div>
</div> </div>
</Card> </Card>
@@ -144,14 +146,16 @@ const UploadTestPage: React.FC = () => {
<div className={styles.result}> <div className={styles.result}>
<h4>URL:</h4> <h4>URL:</h4>
<div className={styles.urlItem}> <div className={styles.urlList}>
{videoUrl ? ( <div className={styles.urlItem}>
<span className={styles.url}> {videoUrl ? (
{typeof videoUrl === "string" ? videoUrl : "无效URL"} <div className={styles.url}>
</span> {typeof videoUrl === "string" ? videoUrl : "无效URL"}
) : ( </div>
<span className={styles.emptyText}></span> ) : (
)} <span className={styles.emptyText}></span>
)}
</div>
</div> </div>
</div> </div>
</Card> </Card>