← TodoJob 正在读取账本…

我们的荷包

绿野旅行 v11 · 六套风景 / 十二种动物
独立账本页 · 数据保存在服务器

首页花园里的我们

支¥27.00
收¥0.00
余-¥27.00
本月账单

记账 · 支出含分类

¥0.00

记账 · 收入独立六分类

¥0.00

报表四宫格/大环图

2026年10月
本月支出详细
月本月总支出
¥27.00
日今日总支出
¥27.00
均本月日均支出
¥0.96
预本月剩余预算
¥3514.00
支出类目占比
本月支出¥27.00
午饭

个人页两个人的账本

我们已共同记账 128 天

账本与成员

偏好

数据

关于

一起记,一起存。

预算页半环/分类预算

本月总计预算¥500000.00
我的月度预算
总预算
剩余预算¥499973.00
已支出¥27.00

日均预算¥200.00

分类预算

分类编辑页管理状态

类目设置
使用中

预算编辑页设置分类预算

设置分类预算
剩余预算:¥495000.00¥0.00

趴在桌边的我们 · 12种动物

每种动物都有不同耳形、脸型、口鼻和爪部细节。点「设为我 / TA」或页面里的小动物,首页和个人页会同步更换。身份不由动物种类限制。

绿野旅行 v11 · 设计取舍与验证边界

品牌Logo、favicon和导航图形恢复v1原设计。原型主体沿用v10布局:没有手机系统状态栏,个人页保留共同记账天数与四组设置。数据仅在当前页面会话内,128天为演示日期计算值。

原花园增加金字塔绿洲、城市霓虹、海岸灯塔、雪山湖畔、森林树屋,共六套SVG场景。每套48秒向左卷动、两份连续平铺;24秒换一套,900ms交叉淡入。动物保持趴桌姿态,用1.1秒周期、3px高度、±0.7°轻摆和半周期错峰营造同行感,不跳动布局或带动文字。

可手动选择背景或暂停全部首页动效。页面后台、首页屏外、首页弹层打开时暂停;减少动态偏好下无动画或自动轮换。只让首页主视觉动,头像、分类网格和高频按钮不做重复跳动。

清理指定提示、装饰气泡、重复账本文案、静态字数占位、无数据的增长率与攒钱标签。支出与收入备注左侧现已加入本地图片入口。分类四行高291px;设置行44px、工具按钮40px;数字用等宽布局。弹层可Escape关闭并循环焦点,关闭后恢复焦点。

本轮未引入新字体库、动效依赖或图片网络资源。拒绝更强的跳跃、霓虹闪烁和全卡入场动画,避免长期使用分散注意。没有真实账户功能的入口已明确标注;未进行真实账号、生产数据库和系统通知验收。

本次增量:右上角背景/暂停仅保留透明图标;本月账单按自己右、对方左、共同居中呈现,演示评论与图片;两种记账均可选择最多3张本地图片(每张不超过2MB),仅在当前页面会话内预览和保存,不上传服务器,刷新即失效。内联账单图片为示意插画。

气泡密度调整:左右气泡各向所属一侧贴边,另一侧留20px错位。360px画布下实测气泡宽304px;纯文字高32px、带备注高49px、图评摘要高70px。多张图片和多条评论默认只预览首条,点「展开详情」查看全部,再点收起恢复紧凑布局。

以下66项为改版前v11的历史证据,不代表本次增量已验收:Chrome专项检查66项通过,耗时41.48秒、运行时错误0条。验证Logo与v1原SVG一致、favicon同源、六景选择与实际24秒轮换、暂停/恢复、减弱动态、8页布局、分类末行、共同归属不遮挡、320/390px手机适配、保存与统计联动。六景边缘RGB平均绝对差0.005–0.089/255;动画关键帧实测上移3px,并导出12帧GIF。证据:tests/acceptance-reports/purse-v11/checks.json、six-scenes.png、overview.png、animal-march.gif及8页截图。视觉由用户审核,不将检查通过当作审美评分。

检查范围:原生CSS,已看字体/数字、表面/留白、图标、动画关键帧与后台暂停性能行为。纠正了轨道被父级裁切造成的错误接缝测量;以独立实渲染景片重新测量并校正原花园左右端点。未做生产接口、真实登录态、系统通知或完整无障碍验收。