提交代码

pages/device/list.vue

@@ -108,6 +108,9 @@
                     ></uni-load-more>
                     <Cn-empty v-else></Cn-empty>
                 </view>
+                <view class="back-top boxClick" v-show="showBackTop" @click="backToTop">
+                    <uni-icons type="arrow-up" size="22" color="#fff"></uni-icons>
+                </view>
             </view>
         </template>
     </Cn-page>
@@ -156,6 +159,7 @@ export default {
                 },
             ],
             pageOptions: {},
+            showBackTop: false,
             options1: [
                 {
                     text: '置顶',
@@ -457,7 +461,17 @@ export default {
             } else {
                 this[type] = true
             }
-        }
+        },
+        backToTop() {
+            uni.pageScrollTo({
+                scrollTop: 0,
+                duration: 300,
+            })
+            this.showBackTop = false
+        },
+    },
+    onPageScroll(e) {
+        this.showBackTop = e.scrollTop > 200
     },
 }
 </script>
@@ -465,4 +479,19 @@ export default {
 /deep/ .button-group--right {
     padding: 0 0 20rpx;
 }
+
+.back-top {
+    position: fixed;
+    right: 30rpx;
+    bottom: 60rpx;
+    width: 80rpx;
+    height: 80rpx;
+    border-radius: 50%;
+    background: #376cf3;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
+    z-index: 99;
+}
 </style>