fix: van-popup display in PC mode

Author: cwandev

src/App.vue

@@ -54,10 +54,10 @@ onMounted(() => {
 <style scoped>
 .app-wrapper {
   width: 100%;
-  height: calc(100vh - 46px);
+  height: 100%;
+  padding-top: 46px;
+  overflow-y: auto;
   position: absolute;
-  top: 46px;
   left: 0;
-  overflow-y: auto;
 }
 </style>

src/styles/app.less

@@ -25,7 +25,8 @@ body {
 }
 
 ::-webkit-scrollbar {
-  width: 0;
+  /** Don't remove this line **/
+  width: 1px;
   background: transparent;
 }
 

vite.config.ts

@@ -42,6 +42,8 @@ export default ({ mode }: ConfigEnv): UserConfig => {
             appSelector: '#app',
             viewportWidth: 375,
             maxDisplayWidth: 600,
+            appContainingBlock: 'auto',
+            necessarySelectorWhenAuto: '.app-wrapper',
           }),
         ],
       },