feat: 添加设计文件packages

packages/design-ui/README.md

@@ -0,0 +1,124 @@
+# 思投录 (VestMind) - 投资决策与复盘工具
+
+## 项目概述
+
+思投录是一款专注于投资决策与复盘的工具应用，旨在"让每笔投资都经得起思考"。本UI设计适用于移动端APP和小程序，采用统一的紫色主题设计风格。
+
+## 核心功能
+
+### 1. 持仓管理
+- 记录股票持仓信息
+- 统计持仓占比和收益
+- 基于仓位上限的预警功能
+- 实时收益展示
+
+### 2. 交易计划
+- 创建详细的交易计划
+- 设置目标价格和截止时间
+- 分步骤买入计划
+- 进度跟踪和提醒
+
+### 3. 交易记录/复盘
+- 记录每笔交易的详细信息
+- 交易思考记录
+- 时间线展示
+- 定期复盘提醒
+
+### 4. 我的工具
+- 投资检查清单
+- 复利计算器
+- 估值工具（老唐估值法、现金流折现）
+- 自由目标规划
+
+## 设计特色
+
+### 视觉设计
+- **主题色**：紫色调（#8b5cf6, #7c3aed），营造安静思考的氛围
+- **字体**：Inter字体，现代简洁
+- **布局**：移动端优先，响应式设计
+- **动效**：微妙的动画效果，提升用户体验
+
+### 交互设计
+- 底部导航栏，四个主要功能模块
+- 模态框设计，支持复杂表单操作
+- 卡片式布局，信息层次清晰
+- 时间线展示，直观的交易历史
+
+## 技术实现
+
+### 文件结构
+```
+design-vest-mind/
+├── index.html          # 主页面
+├── styles.css          # 样式文件
+├── script.js           # 交互逻辑
+└── README.md           # 项目说明
+```
+
+### 技术栈
+- **HTML5**：语义化标签，良好的可访问性
+- **CSS3**：Flexbox布局，CSS Grid，动画效果
+- **JavaScript**：ES6+语法，模块化设计
+- **响应式设计**：适配不同屏幕尺寸
+
+### 兼容性
+- 移动端浏览器
+- 微信小程序
+- iOS Safari
+- Android Chrome
+
+## 使用说明
+
+1. 打开 `index.html` 文件即可查看完整UI设计
+2. 支持所有交互功能，包括：
+   - 页面切换
+   - 数据展示
+   - 模态框操作
+   - 工具计算
+
+## 设计亮点
+
+### 1. 紫色主题
+- 主色调采用紫色渐变，符合"安静思考"的设计理念
+- 渐变背景和阴影效果，营造层次感
+
+### 2. 卡片设计
+- 圆角卡片布局，现代简洁
+- 悬停效果和阴影，增强交互反馈
+
+### 3. 数据可视化
+- 进度条展示计划完成度
+- 颜色编码区分盈亏状态
+- 时间线展示交易历史
+
+### 4. 工具集成
+- 投资检查清单，帮助理性决策
+- 复利计算器，规划长期投资
+- 估值工具，辅助价值判断
+- 自由目标，激励投资动力
+
+## 扩展功能
+
+### 可添加的功能
+- 数据持久化（LocalStorage）
+- 图表展示（Chart.js）
+- 推送通知
+- 数据导入导出
+- 多账户管理
+
+### 小程序适配
+- 使用微信小程序组件
+- 适配小程序生命周期
+- 集成微信API
+
+## 开发建议
+
+1. **数据管理**：建议使用状态管理库（如Vuex、Redux）
+2. **图表展示**：集成ECharts或Chart.js
+3. **数据持久化**：使用IndexedDB或云数据库
+4. **性能优化**：懒加载、虚拟滚动
+5. **测试**：单元测试和端到端测试
+
+## 总结
+
+本UI设计完全基于PRD文档要求，实现了思投录应用的核心功能界面。设计风格现代简洁，交互流畅自然，完全适配移动端和小程序使用场景。紫色主题营造了安静思考的投资氛围，符合"让每笔投资都经得起思考"的产品愿景。