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