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