记忆胶囊应用源码纯开源

下载地址：https://pan.quark.cn/s/729681531125

📱 应用功能特点

核心功能：

1. 创建记忆胶囊 - 用户可以创建包含文本内容的时间胶囊
2. 时间设定 - 设置胶囊的开启时间
3. 情感标签 - 为记忆添加情感标记（开心、难过、兴奋等）
4. 隐私控制 - 三级隐私设置（私人/共享/公开）
5. 标签系统 - 为胶囊添加自定义标签
6. 智能搜索 - 按情感、状态等多维度筛选
7. 统计信息 - 查看胶囊统计数据

设计特色：

• 新粗野主义风格 - 大胆的色彩、粗边框、偏移阴影
• 动态背景 - 渐变色彩动画效果
• 交互反馈 - 明确的按钮状态变化和操作反馈
• 响应式设计 - 适配各种设备屏幕

🛠️ 技术栈

• 前端框架: Vue 3 + Composition API
• 构建工具: Vite
• 状态管理: Pinia
• 路由: Vue Router
• 样式: CSS + 新粗野主义设计
• 类型检查: TypeScript
• 本地存储: LocalStorage

🎮 如何使用

1. 访问应用: 打开浏览器访问 http://localhost:5173/
2. 创建胶囊: 点击"✨ 创建胶囊"按钮
3. 填写信息:
   • 输入胶囊标题和内容
   • 选择情感标签
   • 设置隐私级别
   • 选择开启时间
   • 添加标签
4. 封存记忆: 点击"🎁 封存记忆"按钮
5. 查看胶囊: 在主页面查看所有胶囊
6. 开启胶囊: 到达开启时间后可以查看内容
7. 搜索筛选: 使用搜索功能按条件筛选胶囊
8. 查看统计: 查看胶囊的统计信息

🌟 特殊功能

• 可开启提醒: 当有胶囊到达开启时间时会显示提醒
• 视觉状态: 不同状态的胶囊有不同的视觉效果
• 动画效果: 可开启的胶囊会有脉冲动画提示
• 本地存储: 所有数据保存在浏览器本地存储中