提交代码

pages/index/index.vue

@@ -42,6 +42,9 @@
                     <Device ref="device" :store="store" />
                 </template>
             </view>
+            <view class="back-top boxClick" v-show="showBackTop" @click="backToTop">
+                <uni-icons type="arrow-up" size="22" color="#fff"></uni-icons>
+            </view>
         </view>
     </Cn-page>
 </template>
@@ -80,6 +83,7 @@ export default {
             engineeringList: [],
             navTabHeight: 0,
             timer: null,
+            showBackTop: false,
         }
     },
     computed: {
@@ -93,6 +97,7 @@ export default {
             }
         },
     },
+
     methods: {
         selectEngineering() {
             if (this.userInfo.authorities === 'engineering_user') {
@@ -221,7 +226,17 @@ export default {
             uni.navigateTo({
                 url: `/pages/index/comp/monitoringPoint`,
             })
-        }
+        },
+        backToTop() {
+            uni.pageScrollTo({
+                scrollTop: 0,
+                duration: 300,
+            })
+            this.showBackTop = false
+        },
+    },
+    onPageScroll(e) {
+        this.showBackTop = e.scrollTop > 200
     },
     onLoad() {
         // 页面加载时，动态配置导航栏按钮
@@ -302,7 +317,7 @@ export default {
 
 .canneng-index-title {
     padding: 0 20rpx;
-    font-weight: 500;
+    /* font-weight: 500; */
     display: flex;
 }
 
@@ -337,4 +352,19 @@ export default {
 
     margin-left: auto;
 }
+
+.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>