fix(h5): 修复移动端页面整页可滚动与 iOS 橡皮筋问题

src/mobile/layout/index.vue

@@ -11,9 +11,9 @@ const keepAliveComponents = computed(() => routeStore.keepAliveComponents)
 
 <template>
   <div
-    class="layout-shell h-screen flex flex-col"
+    class="layout-shell flex flex-col"
   >
-    <RouterView class="flex-1 overflow-x-hidden">
+    <RouterView class="flex-1 overflow-hidden">
       <template #default="{ Component, route }">
         <!-- 空数组 [] 仍为 truthy，须用 length，否则永远走 KeepAlive 分支 -->
         <KeepAlive v-if="keepAliveComponents.length" :include="keepAliveComponents">
@@ -28,5 +28,8 @@ const keepAliveComponents = computed(() => routeStore.keepAliveComponents)
 <style scoped lang="less">
 .layout-shell {
   background: var(--h5-bg-page);
+  // 100dvh 动态视口，地址栏显隐时不再越界；老浏览器回退到 100vh
+  height: 100vh;
+  height: 100dvh;
 }
 </style>

src/mobile/views/cashier/CashierEnvPage.vue

@@ -547,10 +547,8 @@ onUnmounted(() => {
 
 .cashier {
   // 三区布局: header 固定 / 中间滚动 / footer 贴底，矮屏不压按钮
-  height: 100vh;
-  height: 100dvh;
-  max-height: 100vh;
-  max-height: 100dvh;
+  // 父级 RouterView flex-1 已分配全高，用 100% 严格锁定（避免 100vh/dvh 嵌套溢出）
+  height: 100%;
   background: var(--h5-bg-page);
   display: flex;
   flex-direction: column;

src/mobile/views/code-pay/alipay/index.vue

@@ -105,7 +105,6 @@ onMounted(() => {
 <style scoped lang="less">
 .code-pay-page {
   min-height: 100%;
-  min-height: 100dvh;
   background: var(--h5-bg-page);
   box-sizing: border-box;
 

src/mobile/views/code-pay/douyin/index.vue

@@ -105,7 +105,6 @@ onMounted(() => {
 <style scoped lang="less">
 .code-pay-page {
   min-height: 100%;
-  min-height: 100dvh;
   background: var(--h5-bg-page);
   box-sizing: border-box;
 

src/mobile/views/code-pay/index.vue

@@ -101,7 +101,6 @@ onMounted(() => {
 <style scoped lang="less">
 .code-pay-dispatch {
   min-height: 100%;
-  min-height: 100dvh;
   padding-bottom: 40px;
   background: var(--h5-bg-page);
   box-sizing: border-box;

src/mobile/views/code-pay/shared/CodePayShell.vue

@@ -324,7 +324,6 @@ function onPay() {
 
 .code-pay-shell {
   min-height: 100%;
-  min-height: 100dvh;
   background: var(--h5-bg-page);
   display: flex;
   flex-direction: column;
@@ -527,7 +526,7 @@ function onPay() {
   // 成功结果态
   &__result {
     flex: 1;
-    min-height: 100dvh;
+    min-height: 0;
     display: flex;
     flex-direction: column;
     align-items: center;

src/mobile/views/code-pay/union-pay/index.vue

@@ -105,7 +105,6 @@ onMounted(() => {
 <style scoped lang="less">
 .code-pay-page {
   min-height: 100%;
-  min-height: 100dvh;
   background: var(--h5-bg-page);
   box-sizing: border-box;
 

src/mobile/views/code-pay/wechat/index.vue

@@ -105,7 +105,6 @@ onMounted(() => {
 <style scoped lang="less">
 .code-pay-page {
   min-height: 100%;
-  min-height: 100dvh;
   background: var(--h5-bg-page);
   box-sizing: border-box;
 

src/mobile/views/home/index.vue

@@ -56,7 +56,8 @@ const titleText = computed(() => {
 
 <style scoped lang="less">
 .home {
-  min-height: 100vh;
+  // 父级 RouterView 的 flex-1 已分配全高，min-height: 100vh 会撑破 flex 容器
+  height: 100%;
   display: flex;
   flex-direction: column;
   background: var(--h5-bg-page);

src/mobile/views/protocol/index.vue

@@ -90,14 +90,22 @@ onMounted(load)
 
 <style scoped lang="less">
 .protocol-page {
-  min-height: 100vh;
+  // 父级 RouterView flex-1 已分配全高；用 height: 100% 严格锁定，配合 body overflow:hidden 不外溢
+  height: 100%;
   background: var(--h5-bg-card);
   // 留出固定导航栏高度
   padding-top: 46px;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
 }
 
 .protocol-body {
+  // 内部滚动容器：正文超长时自滚，不冒泡到 body
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
   padding: 16px;
   // 长文阅读行高优化
   font-size: 15px;

src/shared/styles/common.less

@@ -2,6 +2,10 @@ body,
 html {
   height: 100%;
   width: 100%;
+  // 阻断 body 滚动（防 iOS Safari 橡皮筋 / 整页空滚）
+  overflow: hidden;
+  // 阻断下拉刷新 / 边界回弹
+  overscroll-behavior: none;
 }
 
 #app,