NEZ-1000 fix： panel页面的top按钮没有效果

2021-09-15 17:29:34 +08:00
parent 9e50d7b389
commit 5d6eff4aef
1 changed files with 12 additions and 1 deletions
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -822,8 +822,19 @@ export default {
    },
    tableListLeave () {
      this.tableHover = false
+    },
+    toTop (wrap) {
+      let currentTop = wrap.scrollTop
+      const interval = currentTop / 10
+      const intervalFunc = setInterval(function () { // 花200ms分10次回到顶部，模拟动画效果
+        if (currentTop === 0) {
+          clearInterval(intervalFunc)
+        } else {
+          currentTop = (currentTop - interval) < interval * 0.5 ? 0 : currentTop - interval
+          wrap.scrollTop = currentTop
+        }
+      }, 20)
    }
-
  },
  created () {
    this.getTableData()