feat(EventList): 重构渲染和UI - 精简/详细模式优化、推送控制、描述展开

Browse Source

**主要变更**：

1. **渲染函数重构**：
   - 重写 renderCompactEvent：标题2行+标签内联+按钮右侧布局
   - 重写 renderDetailedEvent：标题+优先级+统计+价格标签+时间作者
   - 添加 getTimelineBoxStyle 函数统一时间轴样式
   - renderCompactEvent 支持隔行变色（index % 2）

2. **顶部控制栏全面升级**：
   - 改为 sticky 定位，全宽白色背景
   - 左侧占位，中间嵌入分页器，右侧控制按钮
   - 新增桌面推送开关（使用 handlePushToggle）
   - WebSocket 状态简化为 🟢实时/🔴离线
   - 精简模式切换改为 xs 尺寸

3. **描述展开/收起功能**：
   - 详细模式支持长描述（>120字符）展开/收起
   - 使用 expandedDescriptions 状态管理
   - noOfLines 动态切换

4. **统一时间格式**：
   - 所有时间显示统一为 YYYY-MM-DD HH:mm

**效果**：
- 精简模式更紧凑，信息密度更高
- 详细模式布局更清晰，价格标签更易读
- 顶部控制栏功能集中，操作更便捷
- 推送权限管理可视化

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

Co-Authored-By: Claude <noreply@anthropic.com>

...

This commit is contained in:

zdl

2025-10-27 17:46:13 +08:00

parent 0e3bdc9b8c

commit f072256021

1 changed files with 530 additions and 378 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

908

src/views/Community/components/EventList.js

File diff suppressed because it is too large Load Diff