🐛 安卓微信端样式

public/index.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> -->
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>AList</title>
   </head>

src/assets/css/global.css

@@ -1,7 +1,9 @@
 html,body,#app{
-    height: 100vh;
+    /* height: 100vh; */
+    width: 100%;
     margin: 0;
     padding: 0;
+    /* overflow: hidden; */
 }
 
 .ant-table-row{

src/views/Home.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="home">
+  <div :class="isAdrWx?'home-wx':'home'" >
     <div class="layout">
     <!--头部 ------------------------------------------------------------------------------------------------------- -->
     <div class="header">
@@ -212,6 +212,7 @@ export default {
       text_content:'',//文本内容
       iframe_spinning:true,
       dp:undefined,
+      isAdrWx:false,
     }
   },
   methods:{
@@ -499,6 +500,10 @@ export default {
   },
   mounted(){
     console.log("\n %c Alist %c https://github.com/Xhofe/alist \n\n","color: #fadfa3; background: #030307; padding:5px 0;","background: #fadfa3; padding:5px 0;")
+    // 判断是否安卓微信
+    if(navigator.userAgent.match(/MicroMessenger/i)&&navigator.userAgent.match(/android/i)){
+      this.isAdrWx=true
+    }
     this.initInfo()
     this.init()
   }
@@ -514,6 +519,15 @@ export default {
   padding: 0;
   margin: 0;
 }
+.home-wx{
+  width: 100%;
+  display: flex;
+  display: -webkit-flex; /* Safari */
+  /* justify-content: center; */
+  padding: 0;
+  margin: 0;
+}
+
 .layout{
   display: flex;
   display: -webkit-flex; /* Safari */