hookehuyr

fix: 调整数字滚动动画延迟时间从300ms到500ms

增加延迟时间让用户更清楚地看到滚动效果
1 <!-- 1 <!--
2 * @Date: 2025-08-27 17:43:45 2 * @Date: 2025-08-27 17:43:45
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-10-25 18:22:46 4 + * @LastEditTime: 2025-10-25 20:05:09
5 * @FilePath: /lls_program/src/pages/Dashboard/index.vue 5 * @FilePath: /lls_program/src/pages/Dashboard/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -295,7 +295,7 @@ const handleStepsSynced = async () => { ...@@ -295,7 +295,7 @@ const handleStepsSynced = async () => {
295 console.log('微信步数同步完成,开始刷新Dashboard页面数据') 295 console.log('微信步数同步完成,开始刷新Dashboard页面数据')
296 // 步数同步完成后,调用统一的数据刷新函数 296 // 步数同步完成后,调用统一的数据刷新函数
297 await refreshDashboardData(); 297 await refreshDashboardData();
298 - 298 +
299 // 如果已经触发过页面滚动,则在数据刷新后触发数字滚动 299 // 如果已经触发过页面滚动,则在数据刷新后触发数字滚动
300 if (hasTriggeredNumberRoll.value) { 300 if (hasTriggeredNumberRoll.value) {
301 setTimeout(() => { 301 setTimeout(() => {
...@@ -720,7 +720,7 @@ const triggerNumberRollForDataReload = () => { ...@@ -720,7 +720,7 @@ const triggerNumberRollForDataReload = () => {
720 if (rankingCardRef.value && rankingCardRef.value.resetNumberRoll) { 720 if (rankingCardRef.value && rankingCardRef.value.resetNumberRoll) {
721 rankingCardRef.value.resetNumberRoll() 721 rankingCardRef.value.resetNumberRoll()
722 } 722 }
723 - 723 +
724 // 延迟一点时间再触发,让用户看到滚动效果 724 // 延迟一点时间再触发,让用户看到滚动效果
725 setTimeout(() => { 725 setTimeout(() => {
726 if (rankingCardRef.value && rankingCardRef.value.startNumberRoll) { 726 if (rankingCardRef.value && rankingCardRef.value.startNumberRoll) {
...@@ -730,6 +730,6 @@ const triggerNumberRollForDataReload = () => { ...@@ -730,6 +730,6 @@ const triggerNumberRollForDataReload = () => {
730 setTimeout(() => { 730 setTimeout(() => {
731 isNumberRollInProgress.value = false 731 isNumberRollInProgress.value = false
732 }, 1000) // 假设滚动动画需要1秒 732 }, 1000) // 假设滚动动画需要1秒
733 - }, 300) 733 + }, 500)
734 } 734 }
735 </script> 735 </script>
......