首页日程动画

pages/scheduleList/scheduleList.axml

@@ -129,9 +129,9 @@
   <view onTap="changeTabBar" data-tabbar='1' data-title='日程'>
     <view class="tabBarView tabBarView2 {{$data.tabBarIndex === '1' ? 'ischooseTabBar' : ''}}">
       <view class="iconfont iconicon_Calendarbox1">
-        <text a:if="{{offset == 'before'}}" class="iconfont iconicon_days iconicon_Packup">
+        <text a:if="{{offset == 'before'}}" class="iconfont iconicon_days iconicon_open">
         </text>
-        <text a:elif="{{offset == 'next'}}" class="iconfont iconicon_days iconicon_open">
+        <text a:elif="{{offset == 'next'}}" class="iconfont iconicon_days iconicon_Packup">
         </text>
         <text a:else class="iconfont iconicon_days iconicon_days{{iconDay}}">
         </text>

pages/scheduleList/scheduleList.js

@@ -49,6 +49,7 @@ create.Page({
   blankDataLengthAfter: 0,
   minYear: minYear,
   maxYear: maxYear,
+  todayIndex: 0,
   onShow() {
     //如果是重复会议重新算
     if (this.$store.data.indexNeedUpdate) {
@@ -226,6 +227,7 @@ create.Page({
     for (let i = 0; i < scheduleList.length; i++) {
       if (scheduleList[i].dateStr == toLocaleDateString(currentDate)) {
         const centerPage = Math.floor(i / this.pageSize);
+        this.todayIndex = i;
         // firstPage转为4的倍数，一次下拉加载40条
         const firstPage = centerPage - 2;
         this.firstPage = firstPage % 4 == 0 ? firstPage : firstPage - firstPage % 4;
@@ -483,6 +485,7 @@ create.Page({
       this.minYear--;
       const yearData = getBlankList(this.minYear);
       this.blankDataLength += yearData.length;
+      this.todayIndex += yearData.length;
       this.scheduleList.unshift(...yearData);
       this.totalPages = Math.ceil(this.scheduleList.length / this.pageSize);
       this.currentPage = Math.floor(yearData.length * 2 / this.pageSize);
@@ -547,27 +550,47 @@ create.Page({
       })
     }
 
-    if (this.timer) {
-      clearTimeout(this.timer)
-    }
+    // if (this.timer) {
+    //   clearTimeout(this.timer)
+    // }
 
-    this.timer = setTimeout(() => {
-      this.setData({
-        offset: 'stop'
-      })
-    }, 500)
+    // this.timer = setTimeout(() => {
+    //   this.setData({
+    //     offset: 'stop'
+    //   })
+    // }, 500)
 
     //每次计算偏移值
     const offset = this.getScrollOffset(e.detail.scrollTop);
-    if (this.data.offset !== offset) {
-      if (!this.resetToview) {
-        this.setData({
-          offset
-        });
+    // if (this.data.offset !== offset) {
+    //   if (!this.resetToview) {
+    //     this.setData({
+    //       offset
+    //     });
+    //   }
+    //   this.resetToview = false
+    // }
+    dd.createSelectorQuery().selectAll('.li').boundingClientRect().exec((rect) => {
+      if (rect[0][this.todayIndex]) {
+        if (rect[0][this.todayIndex].top < 50 && rect[0][this.todayIndex].top > 20) {
+          if (this.data.offset !== 'stop') {
+            this.setData({ offset: 'stop' })
+          }
+        } else if (rect[0][this.todayIndex].top < 50) {
+          if (this.data.offset !== 'next') {
+            this.setData({ offset: 'next' })
+          }
+
+        } else if (rect[0][this.todayIndex].top > 20) {
+          if (this.data.offset !== 'before') {
+            this.setData({ offset: 'before' })
+          }
+        }
+      } else {
+        if (this.data.offset !== 'before') {
+          this.setData({ offset: 'before' })
         }
-      this.resetToview = false
       }
-    dd.createSelectorQuery().selectAll('.li').boundingClientRect().exec((rect) => {
       if (offset == 'next') {
         for (let i = this.data.currentDataIndex; i < rect[0].length; i++) {
           if (rect[0][i].top > 0) {