sunct/simple-memo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
3c3bf53ae43720ef1565f931201f9d45c25c4aef
simple-memo/docs/# 「简记memo」一体化小程序.md
T
sunct 3c3bf53ae4 docs(website): 添加简记memo产品原型和UI设计规范文档 
- 新增「简记memo」一体化小程序产品原型设计文档
- 新增简记memo完整版UI视觉设计规范和界面细节
- 添加IDEA项目配置文件.gitignore
- 创建404页面HTML文件，包含响应式布局和错误提示
- 添加关于页面HTML文件，展示品牌介绍和团队信息
- 实现AES加解密工具函数，支持请求体加密
- 添加用户协议页面基础框架
2026-07-31 14:12:32 +08:00

6.7 KiB
Raw Blame History

「简记memo」一体化小程序

完整产品原型设计文档

定位：极简高级、强功能、纯个人工具、云存储、无社交无广告 风格：留白、卡片、轻动画、深浅双主题 架构：底部 4 Tab + 全局快捷操作 + 数据云同步

一、全局规则（所有页面通用）

  1. 数据隔离 仅当前微信用户可见，openid 绑定，自动登录，无需注册
  2. 日期体系 所有数据按「yyyy-MM-dd」归类，支持跨天查看/顺延
  3. 操作统一
    • 左滑：删除
    • 右滑：完成/确认
    • 长按：编辑/批量
    • 悬浮按钮：快速添加
  4. 主题 浅色 / 深色 / 跟随系统
  5. 云存储 微信云开发数据库，无服务器、无域名、单人可维护

二、底部 Tab 结构（4 个）

  1. 今日（聚合页）
  2. 待办（全任务管理）
  3. 账单（全收支管理）
  4. 我的（配置+数据+统计）

三、页面原型详细描述（逐页完整）

Page 1：今日（核心聚合页）

顶部

  • 日期：yyyy-MM-dd 星期X
  • 左右箭头：昨日 / 明日
  • 小开关：快速切换「只看今日 / 含逾期」

模块 A：今日待办

  • 进度条：已完成 / 总数
  • 列表： 图标 + 标题 + 优先级（红点/黄点/绿点）+ 完成勾选框
  • 空态：今日暂无任务，添加一个开始吧
  • 快捷操作： 右滑 = 完成 左滑 = 删除 点击 = 进入编辑

模块 B：今日记账

  • 今日支出：¥xx
  • 今日收入：¥xx
  • 今日结余：自动计算
  • 账单列表： 分类图标 + 备注 + 金额（红/绿）
  • 空态：今日暂无记录

底部悬浮按钮（左右双按钮）

  • 左侧：+ 记一笔
  • 右侧：+ 加任务

页面逻辑

  • 进入自动加载当日数据
  • 完成/删除后实时刷新
  • 切换日期自动重新请求

Page 2：待办（全功能任务页）

顶部

  • 搜索框：搜索标题/备注
  • 筛选：全部 / 未完成 / 已完成 / 逾期

筛选栏

  • 今天 / 本周 / 本月 / 自定义区间

任务列表结构

每条任务：

  • 优先级图标（高/中/低）
  • 任务标题
  • 任务备注（折叠，超出两行隐藏）
  • 重复标记（每日/每周/每月）
  • 日期
  • 完成开关

功能点（强但不复杂）

  1. 新增任务
    • 标题（必填）
    • 备注（选填）
    • 分类：工作/生活/学习/自定义
    • 优先级：高/中/低
    • 日期：默认今日，可改
    • 重复：不重复 / 每日 / 每周 / 每月
  2. 子任务
    • 每条主任务可加多条子任务
    • 子任务完成状态独立
  3. 自动顺延 当日未完成 → 次日自动显示（可开关）
  4. 批量操作 长按进入批量：完成/删除/移动日期
  5. 重复任务自动生成 每日/每周/每月自动生成下一条

空态

你还没有任何任务，点击右下角添加第一个任务

Page 3：账单（全功能记账页）

顶部

  • 搜索：备注/分类
  • 切换：支出 / 收入 / 全部

统计条

  • 时间段：今日/本周/本月
  • 总支出、总收入、结余

分类快捷统计（横向滚动）

  • 图标 + 分类名 + 金额 + 占比

账单列表

  • 分类图标
  • 分类名称
  • 备注（可选）
  • 金额（支出红、收入绿）
  • 日期
  • 左滑删、右滑快速修改

记账弹窗（强功能极简操作）

  • 类型：支出 / 收入
  • 金额：数字键盘
  • 分类：预设16个 + 支持自定义
  • 备注：选填
  • 日期：默认今天，可改
  • 保存

高级功能

  1. 预算功能 月预算，超支标红、进度条提醒
  2. 自定义分类 名称 + 图标 + 颜色
  3. 转账记录 账户之间转账，不影响收支统计
  4. 按月自动归档

Page 4：我的（设置+统计+数据）

模块 A：月度统计（卡片）

  • 总支出、总收入、预算剩余
  • 完成任务数、完成率
  • 简约环形图

模块 B：数据管理

  • 导出数据（Excel / 文本）
  • 清空所有数据（二次确认）
  • 数据同步状态

模块 C：个性化

  • 主题：浅色 / 深色 / 自动
  • 列表样式：紧凑/舒适
  • 动画开关

模块 D：偏好设置

  • 待办未完成自动顺延
  • 重复任务提醒
  • 预算超支提醒
  • 首页默认显示日期

模块 E：其他

  • 关于
  • 版本号
  • 清理缓存

四、数据库结构（可直接建表）

1. tasks（待办）

  • _id
  • openid（用户唯一标识）
  • title（标题）
  • content（备注）
  • cate（分类：work/life/study/custom）
  • priority（1高/2中/3低）
  • repeat（none/day/week/month）
  • done（true/false）
  • subtasks（数组：[{title,done}]）
  • date（yyyy-MM-dd）
  • createTime
  • updateTime

2. bills（账单）

  • _id
  • openid
  • type（income/expend）
  • money（数字，正数）
  • cate（分类）
  • icon（图标）
  • color（颜色）
  • note（备注）
  • date（yyyy-MM-dd）
  • createTime

3. userConfig（用户配置）

  • _id
  • openid
  • theme（light/dark/auto）
  • budget（月预算）
  • autoPostpone（自动顺延）
  • showAnimation（动画）
  • customCate（自定义分类数组）
  • lastBackup（最后备份时间）

五、核心业务逻辑（完整闭环）

  1. 任务自动顺延 每天0点，未完成、非重复、非已完成 → 复制到今日，标记顺延
  2. 重复任务生成 每日/每周/每月自动生成下一条任务，不修改原任务
  3. 预算计算 月支出总和对比预算，超支变红、进度条>100%
  4. 数据权限 云数据库权限只允许 openid 等于自身读写，绝对安全
  5. 统计口径 按自然月统计，不跨月混淆
  6. 操作无刷新 所有增删改查本地状态同步 + 云更新，不白屏、不重载

六、交互体验（简约但高级）

  • 所有按钮有反馈
  • 完成任务有轻微动效（不花哨）
  • 列表滑动流畅
  • 键盘自动收起
  • 加载状态弱提示
  • 错误提示轻量不打扰
  • 无任何广告、无推送、无外链

七、产品亮点（真正「简约不简单」）

  • 界面极简，功能专业
  • 待办 + 记账深度融合，不割裂
  • 重复任务、子任务、顺延、预算、图表、导出全有
  • 单人可开发、可维护、可上线
  • 无第三方依赖、无封闭资源、全自主
  • 个人主体可过审
  • 自用质感极强，可长期使用

如果你需要，我可以下一步直接输出：

  1. 全套小程序页面目录结构
  2. 每个页面的WXML + WXSS + JS 骨架代码
  3. 云数据库创建脚本
  4. 全局工具函数（请求、日期、格式化、统计）
  5. 可直接复制使用的配色+字体+样式规范

要我继续把可直接开发的完整技术原型一次性给全吗？

Reference in New Issue View Git Blame Copy Permalink