yvan/pet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
yvan
2025-08-12 20:06:22 +08:00
parent 34988874a0
commit 5877a1ee43
11 changed files with 4904 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/pets/health-charts.vue
+28 -6
View File
@@ -1,11 +1,12 @@
<template>
<view class="health-charts-container">
<!-- 自定义导航栏 -->
<u-navbar :title="`${petInfo.name}的健康档案`" left-icon="arrow-left" @left-click="goBack">
<template #right>
<u-icon name="more-circle" size="20" @click="showMoreActions = true"></u-icon>
</template>
</u-navbar>
<!-- 顶部操作栏 -->
<view class="top-action-bar">
<view class="action-item" @click="showMoreActions = true">
<u-icon name="more-circle" size="20" color="#666666"></u-icon>
<text class="action-text">更多</text>
</view>
</view>
<!-- 宠物基本信息卡片 -->
<view class="pet-info-card">
@@ -375,6 +376,27 @@ export default {
min-height: 100vh;
}
/* 顶部操作栏 */
.top-action-bar {
display: flex;
justify-content: flex-end;
padding: 20rpx 30rpx;
.action-item {
display: flex;
align-items: center;
gap: 8rpx;
padding: 12rpx 20rpx;
border-radius: 20rpx;
background: rgba(255, 255, 255, 0.8);
.action-text {
font-size: 24rpx;
color: #666666;
}
}
}
/* 宠物信息卡片 */
.pet-info-card {
background: #ffffff;
pages/pets/pet-personality.vue
+28 -6
View File
@@ -1,11 +1,12 @@
<template>
<view class="personality-container">
<!-- 自定义导航栏 -->
<u-navbar title="宠物性格预设" left-icon="arrow-left" @left-click="goBack">
<template #right>
<u-icon name="question-circle" size="20" @click="showHelp = true"></u-icon>
</template>
</u-navbar>
<!-- 顶部操作栏 -->
<view class="top-action-bar">
<view class="action-item" @click="showHelp = true">
<u-icon name="question-circle" size="20" color="#666666"></u-icon>
<text class="action-text">帮助</text>
</view>
</view>
<!-- 进度指示器 -->
<view class="progress-container">
@@ -448,6 +449,27 @@ export default {
padding-bottom: 120rpx;
}
/* 顶部操作栏 */
.top-action-bar {
display: flex;
justify-content: flex-end;
padding: 20rpx 30rpx;
.action-item {
display: flex;
align-items: center;
gap: 8rpx;
padding: 12rpx 20rpx;
border-radius: 20rpx;
background: rgba(255, 255, 255, 0.8);
.action-text {
font-size: 24rpx;
color: #666666;
}
}
}
/* 进度指示器 */
.progress-container {
padding: 30rpx;
pages/pets/pets.vue
+15 -16
View File
@@ -1,13 +1,13 @@
<template>
<view class="pets-container">
<!-- 自定义导航栏 -->
<view class="custom-navbar">
<view class="navbar-content">
<view class="navbar-title">
<text class="title-text">🐾 我的宠物</text>
<text class="subtitle-text">{{ petsList.length }}只小可爱陪伴着你</text>
<!-- 顶部信息栏 -->
<view class="top-info-bar">
<view class="info-content">
<view class="welcome-text">
<text class="main-title">🐾 我的宠物</text>
<text class="sub-title">{{ petsList.length }}只小可爱陪伴着你</text>
</view>
<view class="navbar-actions">
<view class="top-actions">
<view class="action-btn" @click="showQuickActions = true">
<u-icon name="apps" color="#FF8A80" size="20"></u-icon>
</view>
@@ -305,29 +305,28 @@ export default {
padding-bottom: 20rpx;
}
/* 自定义导航栏 */
.custom-navbar {
/* 顶部信息栏 */
.top-info-bar {
background: linear-gradient(135deg, #FF8A80 0%, #FFB74D 100%);
padding: 20rpx 30rpx 30rpx;
padding: 30rpx;
border-radius: 0 0 40rpx 40rpx;
box-shadow: 0 8rpx 32rpx rgba(255, 138, 128, 0.3);
.navbar-content {
.info-content {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20rpx;
}
.navbar-title {
.title-text {
.welcome-text {
.main-title {
color: #ffffff;
font-size: 36rpx;
font-weight: bold;
display: block;
}
.subtitle-text {
.sub-title {
color: rgba(255, 255, 255, 0.8);
font-size: 24rpx;
margin-top: 8rpx;
@@ -335,7 +334,7 @@ export default {
}
}
.navbar-actions {
.top-actions {
display: flex;
gap: 20rpx;
align-items: center;