perf: to-top按钮随滚动条出现/消失

nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue

@@ -130,7 +130,7 @@
         width="180">
       </el-table-column>
     </el-table>-->
-    <button class="to-top" v-show="showTopBtn" @click="$('ps', 1)"><i class="nz-icon nz-icon-top"></i></button>
+    <button class="to-top" v-show="showTopBtn" :class="{'to-top-is-hover': tableHover}" @click="$('ps', 1)"><i class="nz-icon nz-icon-top"></i></button>
 
     <el-dialog class="line-chart-block-modal nz-dialog"
                :title="$t('project.endpoint.dialogTitle')"
@@ -196,6 +196,7 @@
     data() {
       let temp = this;
       return {
+        tableHover: false,
         loading: false,
         showTopBtn: false, //主列表top按钮
         currentEndpoint: {},
@@ -1032,6 +1033,12 @@
               this.showTopBtn = false;
             }
           });
+          el.addEventListener("mouseenter", () => {
+            this.tableHover = true;
+          });
+          el.addEventListener("mouseleave", () => {
+            this.tableHover = false;
+          });
         }
       });
     }