diff --git a/src/views/Community/components/DynamicNewsCard.js b/src/views/Community/components/DynamicNewsCard.js
index 58a739e7..5c3f5011 100644
--- a/src/views/Community/components/DynamicNewsCard.js
+++ b/src/views/Community/components/DynamicNewsCard.js
@@ -398,41 +398,89 @@ const [currentMode, setCurrentMode] = useState('vertical');
}
}}
>
- {/* 标题和搜索部分 - 一体化单行布局 */}
+ {/* 标题和搜索部分 - 优化版 */}
- {/* 一体化标题栏:左侧标题+badges | 中间筛选组件 | 右侧通知+时间 */}
-
- {/* 左侧:标题 + Badges */}
-
-
+
+ {/* 第一行:标题 + 通知开关 + 更新时间 */}
+
+ {/* 左侧:标题 */}
+
- 实时要闻
+ 实时要闻·动态追踪
-
- 实时
- 盘中
- 快讯
-
-
- {/* 中间:筛选组件(占据剩余空间) */}
-
+ {/* 右侧:通知开关 + 更新时间 */}
+
+ {/* 通知开关 */}
+
+
+
+
+ {browserPermission === 'granted' ? '已开启' : '开启通知'}
+
+
+
+
+
+ {/* 更新时间 */}
+
+ 最后更新: {lastUpdateTime?.toLocaleTimeString() || '--'}
+
+
+
+
+ {/* 第二行:筛选组件 */}
+
-
- {/* 右侧:通知开关 + 更新时间 */}
-
- {/* 通知开关 - 紧凑版 */}
-
-
-
-
- {browserPermission === 'granted' ? '已开启' : '开启通知'}
-
-
-
-
-
- {/* 更新时间 */}
-
- 更新: {lastUpdateTime?.toLocaleTimeString() || '--'}
-
-
-
+
{/* 主体内容 */}
diff --git a/src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js b/src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js
index 14d14459..d0a81707 100644
--- a/src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js
+++ b/src/views/Community/components/DynamicNewsCard/VerticalModeLayout.js
@@ -33,9 +33,9 @@ const VerticalModeLayout = ({
// 详情面板重置 key(预留,用于未来功能)
const [detailPanelKey] = useState(0);
- // 固定布局比例:左侧更窄(3),右侧更宽(7)
- const leftFlex = '3';
- const rightFlex = '7';
+ // 固定布局比例:左侧(4),右侧(6)- 平衡布局,确保左侧有足够空间显示内容
+ const leftFlex = '4';
+ const rightFlex = '6';
return (
{
return (
-
- {/* 时间长方形卡片 */}
+
+ {/* 时间长方形卡片 - 更紧凑 */}
- {/* 日期 YYYY-MM-DD */}
+ {/* 日期 MM-DD */}
- {moment(createdAt).format('YYYY-MM-DD')}
+ {moment(createdAt).format('MM-DD')}
{/* 时间 HH:mm */}
{moment(createdAt).format('HH:mm')}
diff --git a/src/views/Community/index.js b/src/views/Community/index.js
index 08208863..e304f5ab 100644
--- a/src/views/Community/index.js
+++ b/src/views/Community/index.js
@@ -144,7 +144,7 @@ const Community = () => {
return (
{/* 主内容区域 */}
-
+
{/* 通知权限提示横幅 */}
{showNotificationBanner && (