页面下拉刷新以及底部回弹

App.vue

@@ -9,7 +9,13 @@ export default {
 </script>
 
 <style>
+html, body, uni-app, uni-page, uni-page-wrapper, uni-page-body {
+  height: 100%;
+  overflow: hidden;
+}
 page {
+  height: 100%;
+  overflow: hidden;
   --wot-color-theme: #1677FF;
   --wot-button-primary-bg-color: #1677FF;
   --color-primary: #1677FF;
@@ -26,12 +32,34 @@ page {
   font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
 }
 .page {
-  min-height: 100vh;
+  height: 100%;
   background: #F5F7FA;
   box-sizing: border-box;
+  overflow-x: hidden;
+  overflow-y: auto;
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
+  scrollbar-width: none;
 }
+.page::-webkit-scrollbar { width: 0; height: 0; display: none; }
+.edge {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+uni-scroll-view,
+.uni-scroll-view,
+.uni-scroll-view-content {
+  scrollbar-width: none;
+}
+uni-scroll-view::-webkit-scrollbar,
+.uni-scroll-view::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+.edge-scroll { flex: 1; height: 0; min-height: 0; }
 .card {
   background: #fff;
   border-radius: 24rpx;