浏览代码

fix: 修复ios微信订阅页面推送历史筛选项底部按钮不显示问题和下划不到底的问题

cuiyalong 3 年之前
父节点
当前提交
7350ef88f4
共有 1 个文件被更改,包括 16 次插入12 次删除
  1. 16 12
      src/web/templates/weixin/historypush.html

+ 16 - 12
src/web/templates/weixin/historypush.html

@@ -540,6 +540,19 @@
             overflow: unset;
             height: 100%;
         }
+        /* 修复微信ios滚动不到最底部的问题,可在微信开发者工具ios下复现 */
+        .fix-ios-scroll {
+            height: unset;
+        }
+        .fix-ios-scroll > .j-main {
+            display: flex;
+            flex-direction: column;
+        }
+        .fix-ios-scroll > .j-main .unitTab {
+            height: unset;
+            flex: 1;
+            overflow: auto;
+        }
     </style>
 </head>
 <body class="p13">
@@ -671,10 +684,7 @@
             get-container="body">
             <div class="j-container">
                 <div class="popup-header header-title">采购单位类型</div>
-                <div class="j-main">
-                    <cate-component @cancel="cancel" v-if="screenShow" @confirm="confirm" :key="setTimer.catetimer" :selectcatelist="selectCateList"></cate-component>
-                    <root-component v-else @cancel="cancel" @confirm="confirm"></root-component>
-                </div>
+                <cate-component class="j-main fix-ios-scroll" @cancel="cancel" @confirm="confirm" :key="setTimer.catetimer" :selectcatelist="selectCateList"></cate-component>
             </div>
         </van-popup>
         <van-popup
@@ -689,10 +699,7 @@
             get-container="body">
             <div class="j-container">
                 <div class="popup-header header-title">关键词</div>
-                <div class="j-main">
-                    <keyword-component :key="setTimer.keytimer" @cancel="cancel" v-if="screenShow" @confirm="confirm"  :selectkeywordlist="selectKeyWordList"></keyword-component>
-                    <root-component v-if="!screenShow" @cancel="cancel" @confirm="confirm"></root-component>
-                </div>
+                <keyword-component class="j-main fix-ios-scroll" :key="setTimer.keytimer" @cancel="cancel"@confirm="confirm"  :selectkeywordlist="selectKeyWordList"></keyword-component>
             </div>
         </van-popup>
         <van-popup
@@ -707,10 +714,7 @@
             get-container="body">
             <div class="j-container">
                 <div class="popup-header header-title">公告类型</div>
-                <div class="j-main">
-                    <notice-component :key="setTimer.noticetimer" @cancel="cancel" v-if="screenShow" @confirm="confirm" :selectnoticelist="selectNoticeList"></notice-component>
-                    <root-component v-if="!screenShow" @cancel="cancel" @confirm="confirm"></root-component>
-                </div>
+                <notice-component class="j-main fix-ios-scroll" :key="setTimer.noticetimer" @cancel="cancel" @confirm="confirm" :selectnoticelist="selectNoticeList"></notice-component>
             </div>
         </van-popup>
     </div>