feat: 优化 EventScrollList 分页控制器位置和样式

本次提交包含以下优化:

 分页控制器位置调整
- 从底部移至顶部右对齐
- 使用相对定位 (Flex justify="flex-end")
- 移除 CardBody 顶部 padding (pt={0})
- 确保分页控制器紧贴顶部,无任何间距

 箭头样式优化
- 调整箭头大小和颜色
- 使用毛玻璃效果背景
- 改善视觉层次和交互体验

修改文件:
- src/views/Community/components/DynamicNewsCard.js (CardBody pt={0})
- src/views/Community/components/DynamicNewsCard/EventScrollList.js (分页位置和箭头样式)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
zdl
2025-11-03 15:56:19 +08:00
parent 7e32dda2df
commit 26dcfd061c
2 changed files with 41 additions and 30 deletions

View File

@@ -111,7 +111,7 @@ const DynamicNewsCard = forwardRef(({
</CardHeader>
{/* 主体内容 */}
<CardBody position="relative">
<CardBody position="relative" pt={0}>
{/* 横向滚动事件列表 - 始终渲染(除非为空) */}
{events && events.length > 0 ? (
<EventScrollList