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

1

This commit is contained in:
yvan 2025-08-14 09:47:36 +08:00
parent c338c5d3d0
commit 4f6ee4aa71
34 changed files with 52 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/adoption/adoption-detail.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="adoption-detail-container"> <view class="adoption-detail-container page-container-with-bg">
<!-- 宠物图片轮播 --> <!-- 宠物图片轮播 -->
<view class="pet-gallery"> <view class="pet-gallery">
<swiper <swiper

4
pages/adoption/adoption.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="adoption-container"> <view class="adoption-container page-container-with-bg">
<!-- 头部搜索栏 --> <!-- 头部搜索栏 -->
<view class="header-section"> <view class="header-section">
<view class="search-wrapper"> <view class="search-wrapper">
@ -611,8 +611,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.adoption-container { .adoption-container {
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
min-height: 100vh;
overflow-x: hidden; overflow-x: hidden;
width: 100vw; width: 100vw;
} }

2
pages/adoption/my-applications.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="my-applications-container"> <view class="my-applications-container page-container-with-bg">
<!-- 统计卡片 --> <!-- 统计卡片 -->
<view class="stats-card"> <view class="stats-card">
<view class="stats-grid"> <view class="stats-grid">

2
pages/adoption/my-published.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="my-published-container"> <view class="my-published-container page-container-with-bg">
<!-- 统计卡片 --> <!-- 统计卡片 -->
<view class="stats-card"> <view class="stats-card">
<view class="stats-grid"> <view class="stats-grid">

2
pages/adoption/publish.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="publish-container"> <view class="publish-container page-container-with-bg">
<!-- 表单内容 --> <!-- 表单内容 -->
<view class="form-container"> <view class="form-container">
<!-- 宠物照片上传 --> <!-- 宠物照片上传 -->

4
pages/assistant/assistant.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="assistant-container"> <view class="assistant-container page-container-with-bg">
<!-- 宠物助手信息卡片 --> <!-- 宠物助手信息卡片 -->
<view class="assistant-info-card"> <view class="assistant-info-card">
<view class="assistant-avatar-wrapper"> <view class="assistant-avatar-wrapper">
@ -267,7 +267,6 @@ export default {
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
position: relative; position: relative;
} }
@ -275,7 +274,6 @@ export default {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20rpx); backdrop-filter: blur(20rpx);
margin: 20rpx 30rpx 0 30rpx; margin: 20rpx 30rpx 0 30rpx;
margin-top: calc(20rpx + env(safe-area-inset-top));
border-radius: 24rpx; border-radius: 24rpx;
padding: 24rpx; padding: 24rpx;
display: flex; display: flex;

2
pages/assistant/knowledge.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="knowledge-container"> <view class="knowledge-container page-container-with-bg">
<view class="search-container"> <view class="search-container">
<u-search placeholder="搜索知识" v-model="searchKeyword" @search="searchKnowledge" @custom="searchKnowledge"></u-search> <u-search placeholder="搜索知识" v-model="searchKeyword" @search="searchKnowledge" @custom="searchKnowledge"></u-search>
</view> </view>

2
pages/index/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="content"> <view class="content page-container">
<image class="logo" src="/static/logo.png"></image> <image class="logo" src="/static/logo.png"></image>
<view class="text-area"> <view class="text-area">
<text class="title">{{title}}</text> <text class="title">{{title}}</text>

4
pages/pets/add-pet.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="add-pet-container"> <view class="add-pet-container page-container-with-bg">
<u-form :model="petForm" ref="petFormRef" :rules="rules" label-width="120"> <u-form :model="petForm" ref="petFormRef" :rules="rules" label-width="120">
<u-card :padding="20" margin="20"> <u-card :padding="20" margin="20">
<view class="avatar-section"> <view class="avatar-section">
@ -182,8 +182,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.add-pet-container { .add-pet-container {
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
min-height: 100vh;
} }
.avatar-section { .avatar-section {

2
pages/pets/add-record-enhanced.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="add-record-container"> <view class="add-record-container page-container-with-bg">
<u-navbar title="添加记录" left-icon="arrow-left" @left-click="goBack"> <u-navbar title="添加记录" left-icon="arrow-left" @left-click="goBack">
<template #right> <template #right>
<u-text text="保存" color="#ff6b6b" @click="saveRecord"></u-text> <u-text text="保存" color="#ff6b6b" @click="saveRecord"></u-text>

2
pages/pets/add-record-form.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="add-record-container"> <view class="add-record-container page-container-with-bg">
<!-- 表单内容 --> <!-- 表单内容 -->
<view class="form-content"> <view class="form-content">
<!-- 第一组：基础信息 --> <!-- 第一组：基础信息 -->

2
pages/pets/add-record-simple.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="add-record-container"> <view class="add-record-container page-container-with-bg">
<u-navbar title="添加记录" left-icon="arrow-left" @left-click="goBack" bg-color="#FF8A80"> <u-navbar title="添加记录" left-icon="arrow-left" @left-click="goBack" bg-color="#FF8A80">
<template #right> <template #right>
<u-text text="保存" color="#ffffff" @click="saveRecord"></u-text> <u-text text="保存" color="#ffffff" @click="saveRecord"></u-text>

2
pages/pets/add-record.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="add-record-container"> <view class="add-record-container page-container-with-bg">
<u-navbar title="添加记录" left-icon="arrow-left" @left-click="goBack"></u-navbar> <u-navbar title="添加记录" left-icon="arrow-left" @left-click="goBack"></u-navbar>
<u-form :model="recordForm" ref="recordFormRef" :rules="rules" label-width="120"> <u-form :model="recordForm" ref="recordFormRef" :rules="rules" label-width="120">

4
pages/pets/health-charts.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="health-charts-container"> <view class="health-charts-container page-container-with-bg">
<!-- 健康状态总览卡片 --> <!-- 健康状态总览卡片 -->
<view class="health-overview-card"> <view class="health-overview-card">
<view class="overview-header"> <view class="overview-header">
@ -414,8 +414,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.health-charts-container { .health-charts-container {
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
min-height: 100vh;
padding: 20rpx; padding: 20rpx;
} }

3
pages/pets/pet-chat-simple.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="pet-chat-container"> <view class="pet-chat-container page-container-with-bg">
<!-- 宠物信息卡片 --> <!-- 宠物信息卡片 -->
<view class="pet-info-card"> <view class="pet-info-card">
<view class="pet-avatar-wrapper"> <view class="pet-avatar-wrapper">
@ -308,7 +308,6 @@ export default {
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
position: relative; position: relative;
} }

4
pages/pets/pet-detail.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="container"> <view class="container page-container-with-bg">
<!-- 宠物主卡片 --> <!-- 宠物主卡片 -->
<view class="pet-main-card"> <view class="pet-main-card">
<!-- 编辑按钮 --> <!-- 编辑按钮 -->
@ -463,8 +463,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
/* 优化后的样式 */ /* 优化后的样式 */
.container { .container {
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
min-height: 100vh;
padding: 20rpx; padding: 20rpx;
} }

2
pages/pets/pet-personality.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="personality-container"> <view class="personality-container page-container-with-bg">
<!-- 顶部操作栏 --> <!-- 顶部操作栏 -->
<view class="top-action-bar"> <view class="top-action-bar">
<view class="action-item" @click="showHelp = true"> <view class="action-item" @click="showHelp = true">

2
pages/pets/pet-records.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="pet-records-container"> <view class="pet-records-container page-container-with-bg">
<!-- 头部操作栏 --> <!-- 头部操作栏 -->
<view class="header-section"> <view class="header-section">
<view class="header-info"> <view class="header-info">

3
pages/pets/pet-timeline.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="pet-timeline-container"> <view class="pet-timeline-container page-container-with-bg">
<!-- 头部操作栏 --> <!-- 头部操作栏 -->
<view class="header-actions"> <view class="header-actions">
<text class="page-title">{{ petInfo.name }}的成长时光</text> <text class="page-title">{{ petInfo.name }}的成长时光</text>
@ -431,7 +431,6 @@ export default {
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
} }
.header-actions { .header-actions {

2
pages/pets/pet-vaccine.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="vaccine-container"> <view class="vaccine-container page-container-with-bg">
<!-- 疫苗状态概览卡片 --> <!-- 疫苗状态概览卡片 -->
<view class="status-overview-card"> <view class="status-overview-card">
<view class="overview-header"> <view class="overview-header">

2
pages/pets/pet-weight.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="weight-container"> <view class="weight-container page-container-with-bg">
<!-- 当前体重状态卡片 --> <!-- 当前体重状态卡片 -->
<view class="current-weight-card"> <view class="current-weight-card">
<view class="weight-header"> <view class="weight-header">

4
pages/pets/pets.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="pets-container gradient-bg"> <view class="pets-container gradient-bg page-container">
<!-- 标签切换容器 --> <!-- 标签切换容器 -->
<view class="tabs-container" v-if="petsList.length > 0"> <view class="tabs-container" v-if="petsList.length > 0">
<view class="tabs-header"> <view class="tabs-header">
@ -653,9 +653,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.pets-container { .pets-container {
min-height: 100vh;
padding-bottom: 120rpx; padding-bottom: 120rpx;
padding-top: 20rpx;
} }
.tabs-container { .tabs-container {

2
pages/pets/record-detail.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="record-detail-container"> <view class="record-detail-container page-container-with-bg">
<!-- 记录头部信息 --> <!-- 记录头部信息 -->
<view class="record-header"> <view class="record-header">
<view class="header-info"> <view class="header-info">

2
pages/pets/select-record-type.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="select-type-container"> <view class="select-type-container page-container-with-bg">
<view class="content-area"> <view class="content-area">
<!-- 快捷记录 --> <!-- 快捷记录 -->
<view class="section"> <view class="section">

2
pages/profile/family.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="family-container"> <view class="family-container page-container-with-bg">
<!-- 家庭概览卡片 --> <!-- 家庭概览卡片 -->
<view class="family-overview-card"> <view class="family-overview-card">
<view class="overview-header"> <view class="overview-header">

2
pages/profile/feedback.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="feedback-container"> <view class="feedback-container page-container-with-bg">
<!-- 反馈表单卡片 --> <!-- 反馈表单卡片 -->
<view class="feedback-form-card"> <view class="feedback-form-card">
<view class="card-header"> <view class="card-header">

2
pages/profile/notifications.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="notifications-container"> <view class="notifications-container page-container-with-bg">
<!-- 通知设置卡片 --> <!-- 通知设置卡片 -->
<view class="settings-card"> <view class="settings-card">
<view class="card-header"> <view class="card-header">

2
pages/profile/privacy.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="privacy-container"> <view class="privacy-container page-container-with-bg">
<!-- 隐私权限设置卡片 --> <!-- 隐私权限设置卡片 -->
<view class="privacy-settings-card"> <view class="privacy-settings-card">
<view class="card-header"> <view class="card-header">

5
pages/profile/profile.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="profile-container"> <view class="profile-container page-container-with-bg">
<!-- 用户信息卡片 --> <!-- 用户信息卡片 -->
<view class="user-info-card"> <view class="user-info-card">
<view class="user-avatar-section"> <view class="user-avatar-section">
@ -430,10 +430,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.profile-container { .profile-container {
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
min-height: 100vh;
padding-bottom: 40rpx; padding-bottom: 40rpx;
padding-top: 40rpx;
} }
/* 用户信息卡片 */ /* 用户信息卡片 */

2
pages/profile/reminders.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="reminders-container"> <view class="reminders-container page-container-with-bg">
<!-- 统计概览卡片 --> <!-- 统计概览卡片 -->
<view class="stats-card"> <view class="stats-card">
<view class="stats-grid"> <view class="stats-grid">

2
pages/profile/user-info.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="user-info-container"> <view class="user-info-container page-container-with-bg">
<!-- 头像设置卡片 --> <!-- 头像设置卡片 -->
<view class="avatar-card"> <view class="avatar-card">
<view class="card-header"> <view class="card-header">

2
pages/review/detail.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="detail-container"> <view class="detail-container page-container-with-bg">
<!-- 产品信息卡片 --> <!-- 产品信息卡片 -->
<view class="product-info-card"> <view class="product-info-card">
<view class="product-images"> <view class="product-images">

4
pages/review/review.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="review-container"> <view class="review-container page-container-with-bg">
<!-- 搜索栏 --> <!-- 搜索栏 -->
<view class="search-section"> <view class="search-section">
<view class="search-bar"> <view class="search-bar">
@ -558,8 +558,6 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.review-container { .review-container {
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
min-height: 100vh;
padding-bottom: 120rpx; padding-bottom: 120rpx;
} }

19
styles/common.scss
View File

@ -114,4 +114,23 @@
.bg-white-heavy { .bg-white-heavy {
background: rgba(255, 255, 255, 0.95); background: rgba(255, 255, 255, 0.95);
}
/* 页面容器样式 */
.page-container {
padding-top: calc(20rpx + env(safe-area-inset-top));
min-height: 100vh;
box-sizing: border-box;
}
.page-container-no-safe {
padding-top: 20rpx;
min-height: 100vh;
box-sizing: border-box;
}
/* 页面容器变体 */
.page-container-with-bg {
@extend .page-container;
background: linear-gradient(135deg, #FF8A80 0%, #FFB6C1 25%, #FECFEF 50%, #F8BBD9 100%);
} }