Преглед изворни кода

浮层宽度加大 + 行高压缩 + 限高滚动

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
刘立冬 пре 4 дана
родитељ
комит
7cc453a7ec

+ 8 - 2
src/views/publishContent/weCom/components/videoSelectModal/index.tsx

@@ -38,8 +38,14 @@ const SOURCE_LABEL: Record<string, string> = { prior: '先验', posterior: '后
 const SOURCE_COLOR: Record<string, string> = { prior: 'blue', posterior: 'green', hot: 'orange' };
 
 const renderDemandDetail = (video: WeVideoItem) => (
-	<div style={{ maxWidth: 460 }}>
-		<Descriptions size="small" column={1} bordered labelStyle={{ width: 110 }}>
+	<div style={{ maxWidth: 620, maxHeight: '70vh', overflowY: 'auto' }}>
+		<Descriptions
+			size="small"
+			column={1}
+			bordered
+			labelStyle={{ width: 120, padding: '2px 8px', whiteSpace: 'nowrap' }}
+			contentStyle={{ padding: '2px 8px' }}
+		>
 			<Descriptions.Item label="来源">{video.source ? SOURCE_LABEL[video.source] || video.source : '-'}</Descriptions.Item>
 			<Descriptions.Item label="人群分组">{video.crowdSegment || '-'}</Descriptions.Item>
 			<Descriptions.Item label="需求策略">{video.demandStrategy || '-'}</Descriptions.Item>

+ 8 - 2
src/views/publishContent/weGZH/components/videoSelectModal/index.tsx

@@ -39,8 +39,14 @@ const SOURCE_LABEL: Record<string, string> = { prior: '先验', posterior: '后
 const SOURCE_COLOR: Record<string, string> = { prior: 'blue', posterior: 'green', hot: 'orange' };
 
 const renderDemandDetail = (video: VideoItem) => (
-	<div style={{ maxWidth: 460 }}>
-		<Descriptions size="small" column={1} bordered labelStyle={{ width: 110 }}>
+	<div style={{ maxWidth: 620, maxHeight: '70vh', overflowY: 'auto' }}>
+		<Descriptions
+			size="small"
+			column={1}
+			bordered
+			labelStyle={{ width: 120, padding: '2px 8px', whiteSpace: 'nowrap' }}
+			contentStyle={{ padding: '2px 8px' }}
+		>
 			<Descriptions.Item label="来源">{video.source ? SOURCE_LABEL[video.source] || video.source : '-'}</Descriptions.Item>
 			<Descriptions.Item label="人群分组">{video.crowdSegment || '-'}</Descriptions.Item>
 			<Descriptions.Item label="需求策略">{video.demandStrategy || '-'}</Descriptions.Item>