股票查询播报平台

这是一个为长辈设计的股票查询平台，支持自选股管理及语音播报功能。

产品功能

1. 自选股管理：支持通过股票编码添加、删除、查询及排序自选股。
2. 实时查询：集成腾讯/新浪股票 API，获取实时价格、换手率及成交额。
3. 语音播报支持：提供专门的接口，将自选股实时数据拼接为适合语音播报的字符串。
4. 移动端适配：界面针对移动端优化，支持高缩放比例，方便老年人使用。

技术选型

• 前台：Vue 3.5 + TypeScript + Vite + Tailwind CSS
• 移动端组件库：Vant 4
• 后台：Node.js + Express
• 数据库：lowdb (本地 JSON 存储)
• 数据来源：腾讯股票 API / 新浪股票 API

项目结构

• /frontend: Vue 3 前端项目
• /backend: Node.js 后端项目

接口文档

1. 自选股管理 (RESTful API)

• GET /api/stocks: 获取所有自选股列表
• POST /api/stocks: 添加自选股 (参数: { code: string })
• DELETE /api/stocks/:code: 删除自选股
• PUT /api/stocks/sort: 调整自选股顺序 (参数: { codes: string[] })

2. 语音播报接口

• GET /api/voice-report:
  • 功能: 实时查询自选股数据并返回拼接后的播报字符串。
  • 返回格式: 纯文本字符串。
  • 内容示例: "当前自选股行情：贵州茅台，价格1500元，换手率0.5%，成交额10亿元；..."

开发进度

1. 初始化项目结构
2. 编写项目文档
3. 后端服务开发 (Express + lowdb)
4. 前端界面开发 (Vue 3 + Vant)
5. 语音播报集成 (Web Speech API)

运行方式

1. 启动后端

cd backend
npm install
npm run dev

后端运行在 http://localhost:3001。

2. 启动前端

cd frontend
npm install
npm run dev

前端运行在 http://localhost:5173。

适配说明

• 高缩放比例: 界面使用了 rem 和 Tailwind CSS 的响应式布局，并手动放大了 Vant 组件的默认字体大小，确保在 200% 或更高缩放比例下依然清晰可用。
• 语音播报: 点击“语音播报”按钮后，前端会请求后端 /api/voice-report 接口，并使用浏览器自带的语音合成引擎进行中文播报。
• 自选股管理: 支持输入股票编码添加（如 600519、000001），点击红色垃圾桶图标即可删除。