fix: 修复弹窗位置随页面滚动的Bug

pages.json

@@ -1015,6 +1015,7 @@
         "navigationBarTitleText": "模板"
       }
     },
+    // #ifdef APP
     {
       "path": "pages/template/list-news/list-news",
       "style": {
@@ -1027,6 +1028,7 @@
         "navigationBarTitleText": "详情示例"
       }
     },
+    // #endif
     {
       "path": "pages/template/drop-card/drop-card",
       "style": {
@@ -1078,6 +1080,7 @@
         "navigationBarTitleText": "半屏弹窗"
       }
     },
+    // #ifdef APP
     {
       "path": "pages/template/long-list/long-list",
       "style": {
@@ -1092,6 +1095,7 @@
         "enablePullDownRefresh": true
       }
     },
+    // #endif
     {
       "path": "pages/template/pull-zoom-image/pull-zoom-image",
       "style": {

pages/tabBar/API.uvue

@@ -29,8 +29,7 @@
   <!-- #ifdef APP -->
   </scroll-view>
   <!-- #endif -->
-  <view ref="pop" @click="hidePop()"
-    style="width: 100%; height: 100%; position: absolute;align-items: center;justify-content: center; display: none;background-color: rgba(16, 16, 16, 0.5);">
+  <view ref="pop" @click="hidePop()" class="popup">
     <view style="width: 90%;background-color: white;" @click="stopClickPop">
       <api-set-tabbar></api-set-tabbar>
     </view>
@@ -160,7 +159,7 @@
                 name: 'element draw',
                 url: 'element-draw',
                 api: ["Element.getDrawableContext"]
-              },{
+              }, {
                 name: 'element截图',
                 url: 'element-takesnapshot',
                 api: ["Element.takeSnapshot"]
@@ -551,4 +550,20 @@
   .item {
     margin-bottom: 12px;
   }
+
+  .popup {
+    width: 100%;
+    /* #ifdef APP */
+    position: absolute;
+    height: 100%;
+    /* #else */
+    position: fixed;
+    top: var(--window-top);
+    bottom: var(--window-bottom);
+    /* #endif */
+    align-items: center;
+    justify-content: center;
+    display: none;
+    background-color: rgba(16, 16, 16, 0.5);
+  }
 </style>

pages/tabBar/template.uvue

@@ -55,6 +55,7 @@
     data() {
       return {
         list: [
+          // #ifdef APP
           {
             id: 'long-list',
             url: 'long-list',
@@ -79,6 +80,7 @@
             open: false,
             pages: [] as Page[],
           },
+          // #endif
           {
             id: 'scroll-fold-nav',
             url: 'scroll-fold-nav',
@@ -125,6 +127,7 @@
             open: false,
             pages: [] as Page[],
           },
+          // #ifdef APP
           {
             id: 'scroll-sticky',
             url: 'scroll-sticky',
@@ -132,6 +135,7 @@
             open: false,
             pages: [] as Page[],
           },
+          // #endif
           {
             id: 'half-screen',
             url: 'half-screen',