feat: 支持步数卡片； 优化数据分析各类卡片样式

components/statistic/HealthDataCard.tsx

@@ -34,7 +34,6 @@ const HealthDataCard: React.FC<HealthDataCardProps> = ({
 
 const styles = StyleSheet.create({
   card: {
-    borderRadius: 16,
     shadowColor: '#000',
     paddingHorizontal: 16,
     shadowOffset: {
@@ -48,11 +47,6 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
   },
-  iconContainer: {
-    marginRight: 16,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
   content: {
     flex: 1,
     justifyContent: 'center',
@@ -60,7 +54,7 @@ const styles = StyleSheet.create({
   title: {
     fontSize: 14,
     color: '#192126',
-    marginBottom: 4,
+    marginBottom: 14,
     fontWeight: '800',
   },
   valueContainer: {
@@ -68,8 +62,8 @@ const styles = StyleSheet.create({
     alignItems: 'flex-end',
   },
   value: {
-    fontSize: 24,
-    fontWeight: '800',
+    fontSize: 20,
+    fontWeight: '600',
     color: '#192126',
   },
   unit: {

components/statistic/OxygenSaturationCard.tsx

@@ -1,4 +1,3 @@
-import { Ionicons } from '@expo/vector-icons';
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import HealthDataCard from './HealthDataCard';
@@ -14,10 +13,6 @@ const OxygenSaturationCard: React.FC<OxygenSaturationCardProps> = ({
   style,
   oxygenSaturation
 }) => {
-  const oxygenIcon = (
-    <Ionicons name="water" size={24} color="#3B82F6" />
-  );
-
   return (
     <HealthDataCard
       title="血氧饱和度"