完善宠物管理功能

✨ 新增功能:
- 宠物详情页面:展示完整的宠物信息和最近记录
- 添加宠物页面:支持头像上传、基本信息录入、表单验证
- 添加记录页面:支持多种记录类型、照片上传、日期选择
- 本地存储集成:宠物数据和记录数据持久化存储

🎨 界面优化:
- 使用uView组件构建现代化表单界面
- 支持图片选择和预览功能
- 响应式网格布局展示信息
- 完善的空状态和加载状态

📱 用户体验:
- 表单验证和错误提示
- 图片上传和预览
- 日期选择器集成
- 数据持久化存储

🔧 技术改进:
- 页面路由配置完善
- 自定义导航栏样式
- 组件化开发模式
This commit is contained in:
2025-08-12 10:33:15 +08:00
parent 3c7238a45c
commit 63bf142c55
5 changed files with 703 additions and 25 deletions
+13 -25
View File
@@ -34,34 +34,22 @@
export default {
data() {
return {
petsList: [
// 示例数据
{
id: 1,
name: '小橘',
breed: '橘猫',
age: 2,
companionDays: 365,
avatar: '/static/cat-avatar.jpg',
gender: '公',
weight: '4.5kg',
birthday: '2022-01-15'
},
{
id: 2,
name: '小白',
breed: '金毛',
age: 3,
companionDays: 1095,
avatar: '/static/dog-avatar.jpg',
gender: '母',
weight: '25kg',
birthday: '2021-03-20'
}
]
petsList: []
}
},
onShow() {
this.loadPets()
},
methods: {
loadPets() {
try {
const pets = uni.getStorageSync('pets') || []
this.petsList = pets
} catch (error) {
console.error('加载宠物列表失败', error)
this.petsList = []
}
},
addPet() {
uni.navigateTo({
url: '/pages/pets/add-pet'