update

src/features/trackTimeDuration/components/WeekCalendar.scss

@@ -83,6 +83,16 @@
     background: linear-gradient(180deg, #1C1C1C, #000000, #1C1C1C);
 }
 
+.chart_content_bg2 {
+    position: absolute;
+    left: 46px;
+    right: 46px;
+    top: 60px;
+    bottom: 60px;
+    border-radius: 0;
+    background: linear-gradient(180deg, #000000, #1C1C1C, #000000);
+}
+
 /* #endif */
 .chart_content_bg {
     position: absolute;

src/features/trackTimeDuration/components/WeekCalendar.tsx

@@ -321,7 +321,7 @@ const WeekCalendar = memo((props: { isFastSleep: boolean }) => {
         <View className="chart_bg">
             <View className="chart_bg">
                 {
-                    process.env.TARO_ENV == 'weapp' ? <View className="chart_content_bg" style={{
+                    process.env.TARO_ENV == 'weapp' ? <View className={props.isFastSleep?"chart_content_bg":"chart_content_bg2"} style={{
                         left: parseInt(rpxToPx(46) + ''),
                         right: parseInt(rpxToPx(46) + ''),
                         top: parseInt(rpxToPx(60) + ''),
@@ -337,7 +337,7 @@ const WeekCalendar = memo((props: { isFastSleep: boolean }) => {
                             width: parseInt(rpxToPx(658) + ''),
                             zIndex: -1
                         }}
-                            colors={['#1C1C1C', '#000000', '#1C1C1C']}
+                            colors={props.isFastSleep?['#1C1C1C', '#000000', '#1C1C1C']:['#000000', '#1C1C1C', '#000000']}
                             start={{ x: 0, y: 0 }}
                             end={{ x: 0, y: 1 }} />
                 }