pet宠物项目前端
Go to file
yvan 3c7238a45c 完成宠物小程序基础功能开发
 新功能:
- 创建了4个主要Tab页面:宠物、助手、领养、我的
- 集成uview-ui-next UI框架
- 添加可爱的宠物主题图标
- 实现宠物列表展示和管理功能
- 配置微信小程序登录功能

🎨 界面优化:
- 使用uView组件美化界面
- 统一的设计风格和配色方案
- 响应式布局适配

📦 技术栈:
- uni-app + Vue3
- uview-ui-next UI框架
- 微信小程序平台
2025-08-12 10:30:31 +08:00
pages 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
static 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
.gitignore 完善.gitignore文件并删除.idea目录 2025-08-12 09:56:27 +08:00
App.vue 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
README.md 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
index.html 1 2025-08-12 09:51:56 +08:00
main.js 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
manifest.json 1 2025-08-12 09:51:56 +08:00
package-lock.json 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
package.json 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
pages.json 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
pet.md 1 2025-08-12 09:51:56 +08:00
uni.promisify.adaptor.js 1 2025-08-12 09:51:56 +08:00
uni.scss 完成宠物小程序基础功能开发 2025-08-12 10:30:31 +08:00
宠爱小程序产品需求文档.md 1 2025-08-12 09:51:56 +08:00
技术栈选择建议.md 1 2025-08-12 09:51:56 +08:00
第一版本功能拆分详细说明.md 1 2025-08-12 09:51:56 +08:00

README.md

宠爱小程序

一个专注于宠物管理的微信小程序提供宠物档案管理、AI助手、领养专区等功能。

项目结构

pet-ai/
├── pages/
│   ├── pets/           # 宠物管理页面
│   ├── assistant/      # AI助手页面
│   ├── adoption/       # 领养专区页面
│   └── profile/        # 个人中心页面
├── static/
│   └── tabbar/         # Tab图标文件夹
└── uni_modules/        # 插件模块(需要安装)

当前完成状态

基础项目结构搭建 Tab导航配置 四个主要页面创建 宠物页面基础功能

待完成任务

1. UI框架安装

推荐方式在HBuilderX中打开项目通过插件市场安装uview-next

2. Tab图标获取

需要为以下4个tab页面添加可爱的宠物主题图标

推荐图标资源

所需图标

  • static/tabbar/pets.png - 宠物图标(如猫爪、宠物头像)
  • static/tabbar/pets-active.png - 宠物图标激活状态
  • static/tabbar/assistant.png - AI助手图标如机器人、对话框
  • static/tabbar/assistant-active.png - AI助手图标激活状态
  • static/tabbar/adoption.png - 领养图标(如爱心、房子)
  • static/tabbar/adoption-active.png - 领养图标激活状态
  • static/tabbar/profile.png - 个人中心图标(如用户头像)
  • static/tabbar/profile-active.png - 个人中心图标激活状态

图标规格

  • 尺寸81px × 81px推荐
  • 格式PNG
  • 背景:透明

3. 功能完善

  • 宠物详情页面
  • 添加宠物页面
  • 宠物记录功能
  • AI对话功能
  • 领养信息发布
  • 微信登录集成

技术栈

  • 前端框架uni-app + Vue3
  • UI框架uview-next待安装
  • 开发工具HBuilderX
  • 部署平台:微信小程序

开发指南

  1. 使用HBuilderX打开项目
  2. 安装uview-next插件
  3. 添加tab图标文件
  4. 运行到微信开发者工具测试

项目特色

🐱 宠物管理:完整的宠物档案和日常记录系统 🤖 AI助手:智能宠物问答和健康建议 ❤️ 领养专区:宠物领养信息发布平台 👤 个人中心:用户信息和设置管理

联系方式

如有问题或建议,请联系开发团队。