Files
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

263 lines
6.7 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 「简记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
- priority1高/2中/3低)
- repeatnone/day/week/month
- donetrue/false
- subtasks(数组:[{title,done}]
- dateyyyy-MM-dd
- createTime
- updateTime
## 2. bills(账单)
- _id
- openid
- typeincome/expend
- money(数字,正数)
- cate(分类)
- icon(图标)
- color(颜色)
- note(备注)
- dateyyyy-MM-dd
- createTime
## 3. userConfig(用户配置)
- _id
- openid
- themelight/dark/auto
- budget(月预算)
- autoPostpone(自动顺延)
- showAnimation(动画)
- customCate(自定义分类数组)
- lastBackup(最后备份时间)
---
# 五、核心业务逻辑(完整闭环)
1. **任务自动顺延**
每天0点,未完成、非重复、非已完成 → 复制到今日,标记顺延
2. **重复任务生成**
每日/每周/每月自动生成下一条任务,不修改原任务
3. **预算计算**
月支出总和对比预算,超支变红、进度条>100%
4. **数据权限**
云数据库权限只允许 openid 等于自身读写,绝对安全
5. **统计口径**
按自然月统计,不跨月混淆
6. **操作无刷新**
所有增删改查本地状态同步 + 云更新,不白屏、不重载
---
# 六、交互体验(简约但高级)
- 所有按钮有反馈
- 完成任务有轻微动效(不花哨)
- 列表滑动流畅
- 键盘自动收起
- 加载状态弱提示
- 错误提示轻量不打扰
- 无任何广告、无推送、无外链
---
# 七、产品亮点(真正「简约不简单」)
- 界面极简,功能专业
- 待办 + 记账深度融合,不割裂
- 重复任务、子任务、顺延、预算、图表、导出全有
- 单人可开发、可维护、可上线
- 无第三方依赖、无封闭资源、全自主
- 个人主体可过审
- 自用质感极强,可长期使用
---
如果你需要,我可以**下一步直接输出:**
1. 全套**小程序页面目录结构**
2. 每个页面的**WXML + WXSS + JS 骨架代码**
3. **云数据库创建脚本**
4. **全局工具函数(请求、日期、格式化、统计)**
5. **可直接复制使用的配色+字体+样式规范**
要我继续把**可直接开发的完整技术原型**一次性给全吗?