61 lines
2.2 KiB
Markdown
61 lines
2.2 KiB
Markdown
# 更新日志
|
||
|
||
## 2026-01-26 - 起始页面交互优化
|
||
|
||
### 主要改进
|
||
|
||
#### 1. 起始页面重构（SearchPage）
|
||
- **搜索框功能**：保持不变，用于输入股票标的（如"贵州茅台"）
|
||
- **下方展示区域**：从股票列表改为评级模版展示
|
||
- 默认评级模版（通用、全面）
|
||
- 消费股模版（消费、品牌）
|
||
- 科技股模版（科技、成长）
|
||
- 快速诊断模版（快速、简洁）
|
||
|
||
#### 2. 交互流程优化
|
||
**新的操作流程**：
|
||
1. 在搜索框输入股票标的名称
|
||
2. 选择合适的评级模版
|
||
3. 点击模版或按回车，直接进入评级详情页
|
||
4. 详情页默认展开右侧图表区域，无需再次点击
|
||
|
||
**用户体验提升**：
|
||
- 减少操作步骤：从"输入 → 进入 → 点击查看图表"简化为"输入 → 选择模版 → 直接看到图表"
|
||
- 模版可视化：每个模版都有独特的图标、颜色和描述，更易识别
|
||
- 即时反馈：选中模版时有明显的视觉反馈（边框高亮、选中标识）
|
||
|
||
#### 3. Dashboard 页面优化
|
||
- **默认展开右侧面板**：进入页面时右侧图表区域默认显示
|
||
- **默认渲染图表**：无需等待点击，图表数据立即加载显示
|
||
- 保留左右分屏布局，左侧显示指标列表，右侧显示对应图表
|
||
|
||
### 技术细节
|
||
|
||
#### 模版数据结构
|
||
```typescript
|
||
{
|
||
id: string; // 模版唯一标识
|
||
name: string; // 模版名称
|
||
description: string; // 模版描述
|
||
icon: ReactElement; // 模版图标
|
||
bgColor: string; // 背景色
|
||
iconColor: string; // 图标颜色
|
||
borderColor: string; // 边框颜色
|
||
tags: string[]; // 标签
|
||
}
|
||
```
|
||
|
||
#### URL 参数传递
|
||
- 通过 URL 参数 `template` 传递选中的模版 ID
|
||
- 例如：`/dashboard?template=consumer`
|
||
- 为未来根据不同模版加载不同数据做准备
|
||
|
||
### 后续优化建议
|
||
|
||
1. **模版数据动态化**：根据不同模版加载对应的维度和指标配置
|
||
2. **自定义模版**：允许用户创建和保存自己的评级模版
|
||
3. **搜索结果优化**：支持模糊搜索、历史搜索记录
|
||
4. **模版预览**：鼠标悬停时显示模版详细配置预览
|
||
5. **快捷键支持**：键盘快捷键选择模版和提交
|
||
|