style(组件): 优化流量池选择组件头像显示样式

将PoolSelection组件中的头像显示从Avatar组件改为显示名称首字母的div,提升视觉一致性
This commit is contained in:
超级老白兔
2025-08-20 18:44:54 +08:00
parent 3f4101a87d
commit 61e1ffc6c4
2 changed files with 5 additions and 3 deletions

View File

@@ -82,7 +82,9 @@ export default function PoolSelection({
{selectedOptions.map(item => (
<div key={item.id} className={style.selectedListRow}>
<div className={style.selectedListRowContent}>
<Avatar src={item.avatar} />
<div className={style.groupAvatar}>
{(item.nickname || item.name || "").charAt(0)}
</div>
<div className={style.selectedListRowContentText}>
<div>{item.nickname || item.name}</div>
<div>{item.wechatId || item.mobile}</div>

View File

@@ -36,7 +36,7 @@ const ComponentTest: React.FC = () => {
const [selectedFriendsOptions, setSelectedFriendsOptions] = useState<
FriendSelectionItem[]
>([]);
// 流量池选择状态
const [selectedPools, setSelectedPools] = useState<PoolSelectionItem[]>([]);
return (
@@ -160,7 +160,7 @@ const ComponentTest: React.FC = () => {
</div>
</div>
</Tabs.Tab>
<Tabs.Tab title="流量池选择" key="pools">
<div style={{ padding: "16px 0" }}>
<h3 style={{ marginBottom: 16 }}>PoolSelection </h3>