fix(web): 监控账号画像对齐抖音主页形态——关注/粉丝/获赞独立数字行,作者介绍去 label 独立行,昵称后挂抖音主页链接,移除平台账号项
This commit is contained in:
@@ -136,42 +136,50 @@ export default function Page() {
|
||||
{competitor.nickname || competitor.platform_account_key}
|
||||
</Typography.Title>
|
||||
<Tag color={syncMeta.color}>{syncMeta.label}</Tag>
|
||||
<Typography.Link
|
||||
href={`https://www.douyin.com/user/${competitor.platform_account_key}`}
|
||||
target="_blank"
|
||||
>
|
||||
抖音主页
|
||||
</Typography.Link>
|
||||
</Flex>
|
||||
<Flex align="baseline" gap={24} wrap="wrap">
|
||||
{[
|
||||
{ label: '关注', value: competitor.following_count },
|
||||
{ label: '粉丝', value: competitor.follower_count },
|
||||
{ label: '获赞', value: competitor.total_favorited },
|
||||
].map(({ label, value }) => (
|
||||
<Flex key={label} align="baseline" gap={4}>
|
||||
<Typography.Text strong style={{ fontSize: 16 }}>{formatCount(value)}</Typography.Text>
|
||||
<Typography.Text>{label}</Typography.Text>
|
||||
</Flex>
|
||||
))}
|
||||
</Flex>
|
||||
{competitor.signature ? (
|
||||
<Flex align="center" gap={8} style={{ minWidth: 0 }}>
|
||||
<Typography.Text ellipsis style={{ flex: 1, minWidth: 0 }}>
|
||||
{competitor.signature}
|
||||
</Typography.Text>
|
||||
<Popover
|
||||
title="作者介绍"
|
||||
content={
|
||||
<Typography.Paragraph style={{ maxWidth: 420, whiteSpace: 'pre-wrap', marginBottom: 0 }}>
|
||||
{competitor.signature}
|
||||
</Typography.Paragraph>
|
||||
}
|
||||
>
|
||||
<Typography.Link>更多</Typography.Link>
|
||||
</Popover>
|
||||
</Flex>
|
||||
) : null}
|
||||
<Descriptions
|
||||
column={{ xs: 1, sm: 2 }}
|
||||
size="small"
|
||||
style={{ marginTop: 8 }}
|
||||
items={[
|
||||
{ key: 'key', label: '平台账号', children: competitor.platform_account_key },
|
||||
{ key: 'uid', label: '抖音号', children: competitor.unique_id || '—' },
|
||||
{ key: 'follower', label: '粉丝', children: formatCount(competitor.follower_count) },
|
||||
{ key: 'following', label: '关注', children: formatCount(competitor.following_count) },
|
||||
{ key: 'favorited', label: '获赞', children: formatCount(competitor.total_favorited) },
|
||||
{ key: 'aweme', label: '作品总数', children: formatCount(competitor.aweme_count) },
|
||||
{ key: 'tags', label: '标签', children: competitor.tags?.length ? competitor.tags.join('、') : '无' },
|
||||
{
|
||||
key: 'signature',
|
||||
label: '作者介绍',
|
||||
// 对齐抖音主页形态:单行省略,结尾「更多」,hover 弹出全文(保留换行)。
|
||||
children: competitor.signature ? (
|
||||
<Flex align="center" gap={8} style={{ minWidth: 0 }}>
|
||||
<Typography.Text type="secondary" ellipsis style={{ flex: 1, minWidth: 0 }}>
|
||||
{competitor.signature}
|
||||
</Typography.Text>
|
||||
<Popover
|
||||
title="作者介绍"
|
||||
content={
|
||||
<Typography.Paragraph style={{ maxWidth: 420, whiteSpace: 'pre-wrap', marginBottom: 0 }}>
|
||||
{competitor.signature}
|
||||
</Typography.Paragraph>
|
||||
}
|
||||
>
|
||||
<Typography.Link>更多</Typography.Link>
|
||||
</Popover>
|
||||
</Flex>
|
||||
) : (
|
||||
'—'
|
||||
) },
|
||||
{ key: 'lastSync', label: '上次同步', children: competitor.last_sync_at ? dateTime(competitor.last_sync_at) : '—' },
|
||||
{ key: 'nextSync', label: '下次自动同步', children: competitor.next_sync_at ? dateTime(competitor.next_sync_at) : '—' },
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user