微信小程序 · Ardot 设计稿直出
宠迹宠物成长记录小程序
记录宠物从到家的第一天起的每一次成长——体重、疫苗、驱虫、饮食，一个不落。
扫码体验
微信扫码，即刻体验
打开微信扫一扫，进入 宠迹 小程序。记录毛孩子的每一次成长——体重、疫苗、驱虫、饮食，一个不落。
微信扫码
🐱
毛毛Hi，毛毛
今天也要元气满满哦
AI 成长画布
体重 4.2kg
较上周 +0.1kg
疫苗
3/4
1 项即将到期
热量
320
kcal 今日
驱虫
12天
后到期
里程碑
8
已完成
首页
档案
疫苗
我的
首页 · 成长仪表盘
渐变红 Hero 卡 / 2×2 数据网格
编辑
🐱
毛毛
英国短毛猫 · 公 · 1岁4个月
生日
2025-03-12
昵称
毛孩子
体重
4.2 kg
驱虫
已做
成长时间线全部
疫苗 · 猫三联 第3针
驱虫 · 体内外同驱
体检 · 年度全套
详情 · 宠物档案
信息卡网格 / 成长时间线
疫苗管理
+3
已完成
1
即将到期
1
待接种
毛毛 切换 ▾
接种历史
猫三联 第3针
2026-05-20 接种 · 有效期 1 年
✓ 已完成
狂犬疫苗
2026-03-12 接种 · 2027-03-12 到期
⚠ 11 天后到期
猫瘟加强
尚未预约
待接种
疫苗 · 接种管理
统计面板 / 到期预警
取消添加宠物保存
拍照 / 上传头像
昵称毛毛
性别公
种类猫
品种英短
出生2025-03-12
到家2025-04-01
添加 · 新建档案
暗玻璃表单 / 樱桃红按钮
核心功能
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 代码自动输出
品牌命名
宠迹 · 毛孩子日记
「宠迹」—— 宠物成长的足迹。一字双关（宠 + 轨迹），简短有力，好记好搜。
「毛孩子日记」—— 备选名，更亲切温暖的叫法，贴合养宠人把宠物当家人的情感。