下载地址:https://pan.quark.cn/s/729681531125
📱 应用功能特点
核心功能:
- 创建记忆胶囊 - 用户可以创建包含文本内容的时间胶囊
- 时间设定 - 设置胶囊的开启时间
- 情感标签 - 为记忆添加情感标记(开心、难过、兴奋等)
- 隐私控制 - 三级隐私设置(私人/共享/公开)
- 标签系统 - 为胶囊添加自定义标签
- 智能搜索 - 按情感、状态等多维度筛选
- 统计信息 - 查看胶囊统计数据
设计特色:
- 新粗野主义风格 - 大胆的色彩、粗边框、偏移阴影
- 动态背景 - 渐变色彩动画效果
- 交互反馈 - 明确的按钮状态变化和操作反馈
- 响应式设计 - 适配各种设备屏幕
🛠️ 技术栈
- 前端框架: Vue 3 + Composition API
- 构建工具: Vite
- 状态管理: Pinia
- 路由: Vue Router
- 样式: CSS + 新粗野主义设计
- 类型检查: TypeScript
- 本地存储: LocalStorage
🎮 如何使用
- 访问应用: 打开浏览器访问 http://localhost:5173/
- 创建胶囊: 点击"✨ 创建胶囊"按钮
- 填写信息:
- 输入胶囊标题和内容
- 选择情感标签
- 设置隐私级别
- 选择开启时间
- 添加标签
- 封存记忆: 点击"🎁 封存记忆"按钮
- 查看胶囊: 在主页面查看所有胶囊
- 开启胶囊: 到达开启时间后可以查看内容
- 搜索筛选: 使用搜索功能按条件筛选胶囊
- 查看统计: 查看胶囊的统计信息
🌟 特殊功能
- 可开启提醒: 当有胶囊到达开启时间时会显示提醒
- 视觉状态: 不同状态的胶囊有不同的视觉效果
- 动画效果: 可开启的胶囊会有脉冲动画提示
- 本地存储: 所有数据保存在浏览器本地存储中