首页花园里的我们
记账 · 支出含分类
记账 · 收入独立六分类
报表四宫格/大环图
个人页两个人的账本
账本与成员
偏好
数据
关于
一起记,一起存。
预算页半环/分类预算
日均预算¥200.00
绿野旅行 v11 · 六套风景 / 十二种动物
独立账本页 · 数据保存在服务器
一起记,一起存。
日均预算¥200.00
每种动物都有不同耳形、脸型、口鼻和爪部细节。点「设为我 / TA」或页面里的小动物,首页和个人页会同步更换。身份不由动物种类限制。
品牌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,已看字体/数字、表面/留白、图标、动画关键帧与后台暂停性能行为。纠正了轨道被父级裁切造成的错误接缝测量;以独立实渲染景片重新测量并校正原花园左右端点。未做生产接口、真实登录态、系统通知或完整无障碍验收。