style: 优化设置 tabBar 弹框样式

pages/tabBar/API.uvue

@@ -15,16 +15,16 @@
         <uni-collapse-item ref="category" v-for="menuItem in menu" :key="menuItem!.id" :title="menuItem.name"
           class="item">
           <template v-for="childMenuItem in menuItem.items" :key="childMenuItem!.id">
-            <view v-if="childMenuItem.items.length==0" style="padding-left: 18px;"
-              :class="{'uni-navigate-item':childMenuItem.path !== 'set-tab-bar' || windowWidth <= 768}"
-              hover-class="is--active"
-              @click="goPage(`/${childMenuItem.path}`)">
-              <template v-if="childMenuItem.path !== 'set-tab-bar' || windowWidth <= 768">
-                <text class="uni-navigate-text"
-                  :class="{'left-win-active': leftWinActive === childMenuItem.path && hasLeftWin}"
-                  >{{ childMenuItem.style["navigationBarTitleText"] }}</text>
-                <image :src="arrowRightIcon" class="uni-icon-size"></image>
-              </template>
+            <view v-if="childMenuItem.items.length==0" style="padding-left: 18px;"
+              :class="{'uni-navigate-item':childMenuItem.path !== 'set-tab-bar' || windowWidth <= 768}"
+              hover-class="is--active"
+              @click="goPage(`/${childMenuItem.path}`)">
+              <template v-if="childMenuItem.path !== 'set-tab-bar' || windowWidth <= 768">
+                <text class="uni-navigate-text"
+                  :class="{'left-win-active': leftWinActive === childMenuItem.path && hasLeftWin}"
+                  >{{ childMenuItem.style["navigationBarTitleText"] }}</text>
+                <image :src="arrowRightIcon" class="uni-icon-size"></image>
+              </template>
             </view>
             <uni-collapse v-else style="width: 100%">
               <uni-collapse-item :title="childMenuItem.name" class="item"
@@ -72,20 +72,20 @@
       },
       leftWinActive() : string {
         return state.leftWinActive.slice(1)
-      },
-      windowWidth() : number {
-        return uni.getSystemInfoSync().windowWidth
+      },
+      windowWidth() : number {
+        return uni.getSystemInfoSync().windowWidth
       }
     },
     methods: {
       goPage(url : string) {
         if (url == '/set-tab-bar') {
           this.showPop()
-        } else {
+        } else {
           if(this.hasLeftWin) {
-            uni.reLaunch({ url })
-          } else {
-            uni.navigateTo({ url })
+            uni.reLaunch({ url })
+          } else {
+            uni.navigateTo({ url })
           }
         }
       },
@@ -125,19 +125,14 @@
   }
 
   .popup {
-    width: 100%;
-    /* #ifdef APP */
-    position: absolute;
-    height: 100%;
-    /* #endif */
-    /* #ifndef APP */
     position: fixed;
-    top: var(--window-top);
-    bottom: var(--window-bottom);
-    /* #endif */
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
     align-items: center;
     justify-content: center;
     display: none;
     background-color: rgba(16, 16, 16, 0.5);
   }
-</style>
+</style>