微信小程序 · Ardot 设计稿直出
宠迹宠物成长记录小程序
记录宠物从到家的第一天起的每一次成长——体重、疫苗、驱虫、饮食，一个不落。
扫码体验
微信扫码，即刻体验
打开微信扫一扫，进入 宠迹 小程序。记录毛孩子的每一次成长——体重、疫苗、驱虫、饮食，一个不落。
微信扫码
首页 · 成长仪表盘
渐变红 Hero 卡 / 2×2 数据网格
详情 · 宠物档案
信息卡网格 / 成长时间线
疫苗 · 接种管理
统计面板 / 到期预警
添加 · 新建档案
暗玻璃表单 / 樱桃红按钮
核心功能
4 大功能模块，一屏掌控宠物成长
成长仪表盘
Hero 分屏卡片（AI 生成区 + 健康评分），Bento 网格展示今日体重、疫苗接种进度、热量摄入、成长里程碑进度条。底部体检倒计时提醒。
宠物档案
大图展示区 + 2×2 信息卡片网格（生日/昵称/体重/驱虫）。成长时间线按序排列疫苗和驱虫记录，支持编辑和查看全部。
一键添加宠物
拍照上传头像 → 填写姓名/昵称/性别/种类/品种 → 选择出生与到家日期。暗玻璃质感表单卡片，樱桃红渐变保存按钮。
疫苗管理
顶部三色统计胶囊（已完成绿 / 即将到期红 / 待接种蓝）+ 宠物切换筛选。接种历史列表带状态圆点和有效期标注，到期项红色高亮。
设计语言
车厘子红 × 暗黑高级风 × Bento Grid
以 #D32F2F 樱桃红为主色调，
#0A0A0D 纯黑为底。
Bento 不规则栅格布局营造信息层次，暗玻璃质感卡片配合微妙的内发光边框——兼具高级感与亲和力。
#D32F2F樱桃红主色
#0A0A0D纯黑底色
#1A1A22卡片底色
#4CAF50健康/完成
#B388FF紫色辅助
#FF9800警告/倒计时
Glass暗玻璃卡片
技术栈
微信原生 · Ardot 设计稿直出代码
框架
微信原生小程序
WXML + WXSS + JS，零外部依赖，纯原生开发
设计工具
Ardot 云设计平台
Figma-like 云端可视化布局设计，节点树一键导出结构数据
尺寸适配
rpx 响应式单位
375px 设计稿 → 750rpx，1:2 精准映射全尺寸机型
代码生成
Python 自动转译管线
Ardot 节点树 → Python 结构解析 → 微信小程序 WXML/WXSS/JS 代码自动输出
品牌命名
宠迹 · 毛孩子日记
「宠迹」—— 宠物成长的足迹。一字双关（宠 + 轨迹），简短有力，好记好搜。
「毛孩子日记」—— 备选名，更亲切温暖的叫法，贴合养宠人把宠物当家人的情感。