update

src/features/trackTimeDuration/components/WeekCalendar.tsx

@@ -22,7 +22,7 @@ const WeekCalendar = memo(() => {
     const [minTime, setMinTime] = useState(0)
     const [left, setLeft] = useState(0)
     const [isLoading, setIsLoading] = useState(false)
-    const pageSize = 14
+    const pageSize = 34
 
     useEffect(() => {
         pageIndex = -1
@@ -151,7 +151,9 @@ const WeekCalendar = memo(() => {
                             // height: parseInt(rpxToPx(520) + ''),backgroundColor:'red',flexShrink:0}}><Text style={{color:'#fff'}}>{index}</Text></View>
 
                             // // 
+                            if (index == current || index == current-1 || index == current+1)
                             return <WeekCalendarItem data={item} key={index} />
+                            return <View style={{width: parseInt(rpxToPx(658) + ''),flexShrink:0}}/>
                         })
                     }
 

src/features/trackTimeDuration/components/WeekCalendarItem.tsx

@@ -65,16 +65,16 @@ export default function WeekCalendarItem(props: { data: any }) {
     }
     return <View className="chart_content" style={{width:parseInt(rpxToPx(658)+'')}}>
         <View className="chart_top_week">
-            {/* <Text className="chart_week_text">周日</Text>
+            <Text className="chart_week_text">周日</Text>
             <Text className="chart_week_text">周一</Text>
             <Text className="chart_week_text">周二</Text>
             <Text className="chart_week_text">周三</Text>
             <Text className="chart_week_text">周四</Text>
             <Text className="chart_week_text">周五</Text>
-            <Text className="chart_week_text">周六</Text> */}
+            <Text className="chart_week_text">周六</Text>
         </View>
         <View className="chart_detail">
-            {/* <View className="verticalLine" style={{ left: 0 }} />
+            <View className="verticalLine" style={{ left: 0 }} />
             <View className="verticalLine" style={{ left: rpxToPx(94) }} />
             <View className="verticalLine" style={{ left: rpxToPx(94 * 2) }} />
             <View className="verticalLine" style={{ left: rpxToPx(94 * 3) }} />
@@ -83,7 +83,7 @@ export default function WeekCalendarItem(props: { data: any }) {
             <View className="verticalLine" style={{ left: rpxToPx(94 * 6) }} />
             <View className="horizontalLine" style={{ top: rpxToPx(100), backgroundColor: '#262626' }} />
             <View className="horizontalLine" style={{ top: rpxToPx(200), backgroundColor: '#383838' }} />
-            <View className="horizontalLine" style={{ top: rpxToPx(300), backgroundColor: '#262626' }} /> */}
+            <View className="horizontalLine" style={{ top: rpxToPx(300), backgroundColor: '#262626' }} />
             {
                 charts.map((item, index) => {
                     return <View className="lineContent" style={{ left: rpxToPx(94 * index) }}>
@@ -121,13 +121,13 @@ export default function WeekCalendarItem(props: { data: any }) {
             }
         </View>
         <View className="chart_bottom_week">
-            {/* <Text className="chart_week_text">周一</Text>
+            <Text className="chart_week_text">周一</Text>
             <Text className="chart_week_text">周二</Text>
             <Text className="chart_week_text">周三</Text>
             <Text className="chart_week_text">周四</Text>
             <Text className="chart_week_text">周五</Text>
             <Text className="chart_week_text">周六</Text>
-            <Text className="chart_week_text">周日</Text> */}
+            <Text className="chart_week_text">周日</Text>
         </View>
     </View>
 }