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

@@ -100,7 +100,7 @@ export function NutritionRadarCard({
<View style={styles.cardRightContainer}>
<Text style={styles.cardSubtitle}>: {dayjs(nutritionSummary?.updatedAt).format('MM-DD HH:mm')}</Text>
<TouchableOpacity style={styles.addButton} onPress={handleAddFood}>
<Ionicons name="add" size={16} color="#FFFFFF" />
<Ionicons name="add" size={12} color="#514b4bff" />
</TouchableOpacity>
</View>
</View>
@@ -185,11 +185,10 @@ const styles = StyleSheet.create({
flexDirection: 'row',
justifyContent: 'space-between',
alignItems: 'center',
marginBottom: 16,
marginBottom: 8,
},
cardTitle: {
fontSize: 18,
fontWeight: '800',
fontSize: 14,
color: '#192126',
},
cardRightContainer: {
@@ -198,7 +197,7 @@ const styles = StyleSheet.create({
gap: 4,
},
cardSubtitle: {
fontSize: 12,
fontSize: 10,
color: '#9AA3AE',
fontWeight: '600',
},
@@ -230,15 +229,14 @@ const styles = StyleSheet.create({
marginRight: 8,
},
statLabel: {
fontSize: 12,
fontSize: 10,
color: '#9AA3AE',
fontWeight: '600',
flex: 1,
},
statValue: {
fontSize: 12,
color: '#192126',
fontWeight: '700',
fontWeight: '600',
},
// 卡路里相关样式
calorieSection: {
@@ -272,12 +270,12 @@ const styles = StyleSheet.create({
gap: 4,
},
mainValue: {
fontSize: 24,
fontWeight: '800',
fontSize: 14,
fontWeight: '600',
color: '#192126',
},
calculationText: {
fontSize: 14,
fontSize: 12,
fontWeight: '600',
color: '#64748B',
},
@@ -287,12 +285,12 @@ const styles = StyleSheet.create({
gap: 2,
},
calculationLabel: {
fontSize: 10,
fontSize: 8,
color: '#64748B',
fontWeight: '500',
},
calculationValue: {
fontSize: 12,
fontSize: 10,
fontWeight: '700',
color: '#192126',
},
@@ -315,10 +313,10 @@ const styles = StyleSheet.create({
fontSize: 24,
},
addButton: {
width: 18,
height: 18,
width: 16,
height: 16,
borderRadius: 8,
backgroundColor: '#9AA3AE',
backgroundColor: '#e5e8ecff',
marginLeft: 8,
alignItems: 'center',
justifyContent: 'center',