FEAT => 本次更新项目为:
样式修正
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user