feat: 更新统计标签和标题,优化健康数据卡片样式,调整步数和健康相关组件的样式

This commit is contained in:
2025-08-30 22:37:27 +08:00
parent f4dd40ed46
commit 6bdfda9fd3
11 changed files with 68 additions and 118 deletions

View File

@@ -11,13 +11,12 @@ import { LinearGradient } from 'expo-linear-gradient';
import React, { useEffect, useState } from 'react';
import {
Dimensions,
Image,
Modal,
ScrollView,
StyleSheet,
Text,
TouchableOpacity,
View,
View
} from 'react-native';
import Animated, {
Extrapolation,
@@ -201,9 +200,6 @@ export function WeightHistoryCard() {
return (
<TouchableOpacity style={styles.card} onPress={navigateToWeightRecords} activeOpacity={0.8}>
<View style={styles.cardHeader}>
<View style={styles.iconSquare}>
<Image source={require('@/assets/images/icons/iconWeight.png')} style={{ width: 18, height: 18 }} />
</View>
<Text style={styles.cardTitle}></Text>
</View>
<View style={styles.emptyContent}>
@@ -218,9 +214,6 @@ export function WeightHistoryCard() {
return (
<TouchableOpacity style={styles.card} onPress={navigateToWeightRecords} activeOpacity={0.8}>
<View style={styles.cardHeader}>
<View style={styles.iconSquare}>
<Image source={require('@/assets/images/icons/iconWeight.png')} style={{ width: 18, height: 18 }} />
</View>
<Text style={styles.cardTitle}></Text>
</View>
@@ -254,9 +247,6 @@ export function WeightHistoryCard() {
return (
<TouchableOpacity style={styles.card} onPress={navigateToWeightRecords} activeOpacity={0.8}>
<View style={styles.cardHeader}>
<View style={styles.iconSquare}>
<Image source={require('@/assets/images/icons/iconWeight.png')} style={{ width: 18, height: 18 }} />
</View>
<Text style={styles.cardTitle}></Text>
</View>
@@ -308,9 +298,6 @@ export function WeightHistoryCard() {
return (
<TouchableOpacity style={styles.card} onPress={navigateToWeightRecords} activeOpacity={0.8}>
<View style={styles.cardHeader}>
<View style={styles.iconSquare}>
<Image source={require('@/assets/images/icons/iconWeight.png')} style={{ width: 18, height: 18 }} />
</View>
<Text style={styles.cardTitle}></Text>
<View style={styles.headerButtons}>
<TouchableOpacity
@@ -580,8 +567,8 @@ const styles = StyleSheet.create({
card: {
backgroundColor: '#FFFFFF',
borderRadius: 22,
padding: 18,
marginBottom: 8,
padding: 16,
marginBottom: 4,
shadowColor: '#000',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.1,
@@ -591,7 +578,6 @@ const styles = StyleSheet.create({
cardHeader: {
flexDirection: 'row',
alignItems: 'center',
marginBottom: 16,
},
iconSquare: {
width: 30,
@@ -603,7 +589,6 @@ const styles = StyleSheet.create({
},
cardTitle: {
fontSize: 14,
fontWeight: '800',
color: '#192126',
flex: 1,
},
@@ -675,9 +660,6 @@ const styles = StyleSheet.create({
flexDirection: 'row',
justifyContent: 'space-around',
width: '100%',
paddingTop: 16,
borderTopWidth: 1,
borderTopColor: '#F0F0F0',
},
infoItem: {
alignItems: 'center',