style(ui): 为应用组件统一添加自定义字体样式

2025-11-27 09:22:55 +08:00
parent 518282ecb8
commit 01388a5c4f
16 changed files with 103 additions and 11 deletions
--- a/components/BasalMetabolismCard.tsx
+++ b/components/BasalMetabolismCard.tsx
@@ -242,6 +242,7 @@ const styles = StyleSheet.create({
    fontSize: 14,
    color: '#0F172A',
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  titleIcon: {
    width: 16,
@@ -256,6 +257,7 @@ const styles = StyleSheet.create({
  statusText: {
    fontSize: 11,
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  valueSection: {
    flexDirection: 'row',
@@ -267,10 +269,12 @@ const styles = StyleSheet.create({
    fontWeight: '600',
    color: '#0F172A',
    lineHeight: 28,
+    fontFamily: 'AliBold',
  },
  unit: {
    fontSize: 12,
    color: '#64748B',
    marginLeft: 6,
+    fontFamily: 'AliRegular',
  },
 });
--- a/components/DateSelector.tsx
+++ b/components/DateSelector.tsx
@@ -464,6 +464,7 @@ const styles = StyleSheet.create({
    fontWeight: '800',
    color: '#1a1a1a',
    letterSpacing: -0.5,
+    fontFamily: 'AliBold',
  },
  calendarIconButton: {
    padding: 4,
@@ -493,6 +494,7 @@ const styles = StyleSheet.create({
    fontWeight: '700',
    color: '#7c3aed',
    letterSpacing: 0.2,
+    fontFamily: 'AliBold',
  },
  daysContainer: {
    paddingBottom: 8,
@@ -537,10 +539,12 @@ const styles = StyleSheet.create({
    color: '#8e8e93',
    marginBottom: 2,
    letterSpacing: 0.1,
+    fontFamily: 'AliBold',
  },
  dayLabelSelected: {
    color: '#1a1a1a',
    fontWeight: '800',
+    fontFamily: 'AliBold',
  },
  dayLabelDisabled: {
    color: '#c7c7cc',
@@ -550,10 +554,12 @@ const styles = StyleSheet.create({
    fontWeight: '700',
    color: '#8e8e93',
    letterSpacing: -0.2,
+    fontFamily: 'AliBold',
  },
  dayDateSelected: {
    color: '#1a1a1a',
    fontWeight: '800',
+    fontFamily: 'AliBold',
  },
  dayDateDisabled: {
    color: '#c7c7cc',
@@ -607,11 +613,13 @@ const styles = StyleSheet.create({
    fontWeight: '700',
    fontSize: 14,
    letterSpacing: 0.1,
+    fontFamily: 'AliBold',
  },
  modalBtnTextPrimary: {
    color: '#FFFFFF',
    fontWeight: '700',
    fontSize: 14,
    letterSpacing: 0.1,
+    fontFamily: 'AliBold',
  },
 });
--- a/components/FitnessRingsCard.tsx
+++ b/components/FitnessRingsCard.tsx
@@ -285,6 +285,7 @@ const styles = StyleSheet.create({
    fontSize: 12,
    fontWeight: '700',
    flex: 1,
+    fontFamily: 'AliBold',
  },
  dataValue: {
    color: '#192126',
@@ -298,5 +299,6 @@ const styles = StyleSheet.create({
    fontWeight: '500',
    minWidth: 25,
    textAlign: 'right',
+    fontFamily: 'AliRegular',
  },
 });
--- a/components/MoodCard.tsx
+++ b/components/MoodCard.tsx
@@ -82,7 +82,8 @@ const styles = StyleSheet.create({
  cardTitle: {
    fontSize: 14,
    color: '#192126',
-    fontWeight: '600'
+    fontWeight: '600',
+    fontFamily: 'AliBold',
  },

  lottieAnimation: {
@@ -100,21 +101,25 @@ const styles = StyleSheet.create({
    fontSize: 14,
    color: '#059669',
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  moodPreviewTime: {
    fontSize: 12,
    color: '#6B7280',
+    fontFamily: 'AliRegular',
  },
  moodEmptyText: {
    fontSize: 12,
    color: '#9CA3AF',
    fontStyle: 'italic',
    marginTop: 22,
+    fontFamily: 'AliRegular',
  },
  moodLoadingText: {
    fontSize: 12,
    color: '#9CA3AF',
    fontStyle: 'italic',
    marginTop: 22,
+    fontFamily: 'AliRegular',
  },
 });
--- a/components/NutritionRadarCard.tsx
+++ b/components/NutritionRadarCard.tsx
@@ -82,10 +82,10 @@ const SimpleRingProgress = ({
        />
      </Svg>
      <View style={{ position: 'absolute', alignItems: 'center', justifyContent: 'center', top: 0, left: 0, right: 0, bottom: 0 }}>
-        <Text style={{ fontSize: 12, fontWeight: '600', color: '#192126' }}>
+        <Text style={{ fontSize: 12, fontWeight: '600', color: '#192126', fontFamily: 'AliBold' }}>
          {Math.round(remainingCalories)}
        </Text>
-        <Text style={{ fontSize: 8, color: '#9AA3AE' }}>{t('statistics.components.diet.remaining')}</Text>
+        <Text style={{ fontSize: 8, color: '#9AA3AE', fontFamily: 'AliRegular' }}>{t('statistics.components.diet.remaining')}</Text>
      </View>
    </View>
  );
@@ -361,12 +361,14 @@ const styles = StyleSheet.create({
  cardTitle: {
    fontSize: 14,
    color: '#192126',
-    fontWeight: '600'
+    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  cardSubtitle: {
    fontSize: 10,
    color: '#9AA3AE',
    fontWeight: '600',
+    fontFamily: 'AliRegular',
  },
  contentContainer: {
    flexDirection: 'row',
@@ -419,11 +421,13 @@ const styles = StyleSheet.create({
    fontSize: 10,
    color: '#9AA3AE',
    flex: 1,
+    fontFamily: 'AliRegular',
  },
  statValue: {
    fontSize: 12,
    color: '#192126',
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  // 卡路里相关样式
  calorieSection: {
@@ -442,6 +446,7 @@ const styles = StyleSheet.create({
    fontSize: 16,
    fontWeight: '800',
    color: '#192126',
+    fontFamily: 'AliBold',
  },
  calorieContent: {
  },
@@ -450,6 +455,7 @@ const styles = StyleSheet.create({
    color: '#64748B',
    fontWeight: '600',
    marginRight: 4,
+    fontFamily: 'AliRegular',
  },
  calculationRow: {
    flexDirection: 'row',
@@ -461,11 +467,13 @@ const styles = StyleSheet.create({
    fontSize: 14,
    fontWeight: '600',
    color: '#192126',
+    fontFamily: 'AliBold',
  },
  calculationText: {
    fontSize: 10,
    fontWeight: '600',
    color: '#64748B',
+    fontFamily: 'AliRegular',
  },
  calculationItem: {
    flexDirection: 'row',
@@ -476,11 +484,13 @@ const styles = StyleSheet.create({
    fontSize: 9,
    color: '#64748B',
    fontWeight: '500',
+    fontFamily: 'AliRegular',
  },
  calculationValue: {
    fontSize: 11,
    fontWeight: '700',
    color: '#192126',
+    fontFamily: 'AliBold',
  },
  remainingCaloriesContainer: {
    flexDirection: 'row',
@@ -491,6 +501,7 @@ const styles = StyleSheet.create({
    fontSize: 10,
    color: '#64748B',
    fontWeight: '500',
+    fontFamily: 'AliRegular',
  },
  mealsContainer: {
    flexDirection: 'row',
@@ -514,6 +525,7 @@ const styles = StyleSheet.create({
    fontSize: 10,
    color: '#64748B',
    fontWeight: '600',
+    fontFamily: 'AliRegular',
  },
  // 食物选项样式
  foodOptionsContainer: {
@@ -559,5 +571,6 @@ const styles = StyleSheet.create({
    fontWeight: '500',
    color: '#192126',
    textAlign: 'center',
+    fontFamily: 'AliRegular',
  },
 });
--- a/components/StepsCard.tsx
+++ b/components/StepsCard.tsx
@@ -244,7 +244,8 @@ const styles = StyleSheet.create({
  title: {
    fontSize: 14,
    color: '#192126',
-    fontWeight: '600'
+    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  footprintIcons: {
    flexDirection: 'row',
@@ -290,6 +291,7 @@ const styles = StyleSheet.create({
    fontSize: 18,
    fontWeight: '600',
    color: '#192126',
+    fontFamily: 'AliBold',
  },

 });
--- a/components/StressMeter.tsx
+++ b/components/StressMeter.tsx
@@ -158,7 +158,8 @@ const styles = StyleSheet.create({
  title: {
    fontSize: 14,
    color: '#192126',
-    fontWeight: '600'
+    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  valueSection: {
    flexDirection: 'row',
@@ -171,12 +172,14 @@ const styles = StyleSheet.create({
    color: '#192126',
    lineHeight: 20,
    marginTop: 2,
+    fontFamily: 'AliBold',
  },
  unit: {
    fontSize: 12,
    fontWeight: '500',
    color: '#9AA3AE',
    marginLeft: 4,
+    fontFamily: 'AliRegular',
  },
  progressContainer: {
    height: 6,
--- a/components/WaterIntakeCard.tsx
+++ b/components/WaterIntakeCard.tsx
@@ -309,6 +309,7 @@ const styles = StyleSheet.create({
    fontSize: 14,
    color: '#192126',
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  addButton: {
    borderRadius: 16,
@@ -323,6 +324,7 @@ const styles = StyleSheet.create({
    color: '#6366F1',
    fontWeight: '700',
    lineHeight: 10,
+    fontFamily: 'AliBold',
  },
  chartContainer: {
    flex: 1,
@@ -363,11 +365,13 @@ const styles = StyleSheet.create({
    fontSize: 14,
    fontWeight: '600',
    color: '#192126',
+    fontFamily: 'AliBold',
  },
  targetIntake: {
    fontSize: 12,
    color: '#6B7280',
    marginLeft: 4,
+    fontFamily: 'AliRegular',
  },
 });

--- a/components/WorkoutSummaryCard.tsx
+++ b/components/WorkoutSummaryCard.tsx
@@ -269,6 +269,7 @@ const styles = StyleSheet.create({
    fontSize: 16,
    color: '#1F2355',
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  addButton: {
    width: 28,
@@ -287,6 +288,7 @@ const styles = StyleSheet.create({
    fontSize: 20,
    color: '#7A8FFF',
    marginTop: -2,
+    fontFamily: 'AliBold',
  },
  metricsRow: {
    flexDirection: 'row',
@@ -310,12 +312,14 @@ const styles = StyleSheet.create({
    fontSize: 24,
    fontWeight: '700',
    color: '#1F2355',
+    fontFamily: 'AliBold',
  },
  metricLabel: {
    fontSize: 12,
    color: '#4A5677',
    fontWeight: '500',
    marginBottom: 2,
+    fontFamily: 'AliRegular',
  },
  detailsRow: {
    flexDirection: 'row',
@@ -331,14 +335,17 @@ const styles = StyleSheet.create({
    fontSize: 13,
    color: '#1F2355',
    fontWeight: '500',
+    fontFamily: 'AliRegular',
  },
  lastWorkoutTime: {
    fontSize: 12,
    color: '#7C85A3',
+    fontFamily: 'AliRegular',
  },
  sourceText: {
    fontSize: 11,
    color: '#9AA3C0',
+    fontFamily: 'AliRegular',
  },
  badgesRow: {
    flexDirection: 'row',
--- a/components/statistic/CircumferenceCard.tsx
+++ b/components/statistic/CircumferenceCard.tsx
@@ -207,6 +207,7 @@ const styles = StyleSheet.create({
    fontWeight: '600',
    color: '#192126',
    marginBottom: 16,
+    fontFamily: 'AliBold',
  },
  measurementsContainer: {
    flexDirection: 'row',
@@ -221,6 +222,7 @@ const styles = StyleSheet.create({
    color: '#888',
    marginBottom: 8,
    textAlign: 'center',
+    fontFamily: 'AliRegular',
  },
  valueContainer: {
    backgroundColor: '#F5F5F7',
@@ -236,6 +238,7 @@ const styles = StyleSheet.create({
    fontWeight: '600',
    color: '#192126',
    textAlign: 'center',
+    fontFamily: 'AliBold',
  },
 });

--- a/components/statistic/HealthDataCard.tsx
+++ b/components/statistic/HealthDataCard.tsx
@@ -72,6 +72,7 @@ const styles = StyleSheet.create({
    fontSize: 14,
    color: '#192126',
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  valueContainer: {
    flexDirection: 'row',
@@ -81,6 +82,7 @@ const styles = StyleSheet.create({
    fontSize: 16,
    fontWeight: '600',
    color: '#192126',
+    fontFamily: 'AliBold',
  },
  unit: {
    fontSize: 12,
@@ -88,6 +90,7 @@ const styles = StyleSheet.create({
    marginLeft: 4,
    marginBottom: 2,
    fontWeight: '500',
+    fontFamily: 'AliRegular',
  },
 });

--- a/components/statistic/SleepCard.tsx
+++ b/components/statistic/SleepCard.tsx
@@ -127,12 +127,14 @@ const styles = StyleSheet.create({
    fontSize: 14,
    color: '#192126',
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  sleepValue: {
    fontSize: 16,
    color: '#1E40AF',
    fontWeight: '700',
    marginTop: 8,
+    fontFamily: 'AliBold',
  },
 });

--- a/components/weight/WeightHistoryCard.tsx
+++ b/components/weight/WeightHistoryCard.tsx
@@ -348,7 +348,8 @@ const styles = StyleSheet.create({
    fontSize: 14,
    color: '#192126',
    flex: 1,
-    fontWeight: '600'
+    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  headerButtons: {
    flexDirection: 'row',
@@ -406,6 +407,7 @@ const styles = StyleSheet.create({
    color: '#192126',
    fontSize: 14,
    fontWeight: '700',
+    fontFamily: 'AliBold',
  },
  chartContainer: {
    width: '100%',
@@ -424,6 +426,7 @@ const styles = StyleSheet.create({
    fontSize: 11,
    color: '#687076',
    fontWeight: '500',
+    fontFamily: 'AliRegular',
  },
  infoValue: {
    fontSize: 14,
@@ -446,6 +449,7 @@ const styles = StyleSheet.create({
    textAlign: 'center',
    marginBottom: 24,
    letterSpacing: -0.5,
+    fontFamily: 'AliBold',
  },
  bmiModalIntroSection: {
    marginBottom: 32,
@@ -456,6 +460,7 @@ const styles = StyleSheet.create({
    lineHeight: 24,
    textAlign: 'center',
    marginBottom: 16,
+    fontFamily: 'AliRegular',
  },
  bmiModalFormulaContainer: {
    backgroundColor: '#F3F4F6',
@@ -467,6 +472,7 @@ const styles = StyleSheet.create({
    fontSize: 14,
    fontWeight: '600',
    color: '#374151',
+    fontFamily: 'AliBold',
  },
  bmiModalSectionTitle: {
    fontSize: 20,
@@ -474,6 +480,7 @@ const styles = StyleSheet.create({
    color: '#111827',
    marginBottom: 16,
    letterSpacing: -0.5,
+    fontFamily: 'AliBold',
  },
  bmiModalStatsCard: {
    marginBottom: 32,
@@ -493,14 +500,17 @@ const styles = StyleSheet.create({
  bmiModalStatTitle: {
    fontSize: 16,
    fontWeight: '700',
+    fontFamily: 'AliBold',
  },
  bmiModalStatRange: {
    fontSize: 14,
    fontWeight: '600',
+    fontFamily: 'AliBold',
  },
  bmiModalStatAdvice: {
    fontSize: 14,
    lineHeight: 20,
+    fontFamily: 'AliRegular',
  },
  bmiModalHealthTips: {
    marginBottom: 32,
@@ -520,6 +530,7 @@ const styles = StyleSheet.create({
    marginLeft: 12,
    flex: 1,
    lineHeight: 20,
+    fontFamily: 'AliRegular',
  },
  bmiModalDisclaimer: {
    flexDirection: 'row',
@@ -535,6 +546,7 @@ const styles = StyleSheet.create({
    marginLeft: 8,
    flex: 1,
    lineHeight: 18,
+    fontFamily: 'AliRegular',
  },
  bmiModalBottomContainer: {
    padding: 20,
@@ -553,6 +565,7 @@ const styles = StyleSheet.create({
    fontSize: 16,
    fontWeight: '700',
    color: '#FFFFFF',
+    fontFamily: 'AliBold',
  },
  bmiModalHomeIndicator: {
    height: 5,