update 布局

public/index.html

@@ -7,8 +7,10 @@
 <!--    <link rel="icon" href="<%= BASE_URL %>favicon.ico">-->
     <title><%= htmlWebpackPlugin.options.title %></title>
     <style>
-      :root {
+      html {
-        font-size: calc(100vw / 10);
+        font-size: calc(100vw/7.5);
+        -webkit-text-size-adjust: 100%;
+        height: 100%;
       }
     </style>
     <script src="<%= BASE_URL %>api_address_config.js"></script>

src/App.vue

@@ -78,5 +78,30 @@ export default {
 }
 </script>
 
-<style lang="less">
+<style scoped lang="less">
+.van-nav-bar__content {
+  height: 0.88rem;
+}
+
+/deep/ .van-nav-bar__left, /deep/ .van-nav-bar__right, /deep/ .van-nav-bar__arrow {
+  font-size: 0.36rem;
+}
+
+@font-color: #34383F;
+/deep/ .van-nav-bar {
+  background-color: #FFFFFF;
+
+  .van-nav-bar__title {
+    color: @font-color;
+    font-size: 0.36rem;
+  }
+
+  .van-nav-bar__text {
+    color: @font-color;
+  }
+
+  .van-icon {
+    color: @font-color;
+  }
+}
 </style>

src/views/Home.vue

@@ -11,5 +11,7 @@ export default {
 </script>
 
 <style scoped>
-
+.home {
+  font-size: 0.28rem;
+}
 </style>

src/views/exception/NoMobile.vue

@@ -22,40 +22,27 @@ export default {
   font-family: PingFang SC-Medium, PingFang SC, sans-serif;
   margin: 20vh auto 0;
   text-align: center;
+
   .error {
     font-size: 0;
     margin: 0 auto;
-    width: 1.6rem;
+    width: 1.2rem;
+
     img {
       width: 100%;
     }
   }
+
   p {
-    font-size: 0.427rem;
+    font-size: 0.32rem;
-    line-height: 0.607rem;
+    line-height: 0.38rem;
     font-weight: 500;
     margin: 0;
     padding: 0;
   }
+
   .error + p {
-    margin-top: 0.773rem;
+    margin-top: 0.68rem;
-  }
-}
-</style>
-
-<style lang="less">
-@font-color: #34383F;
-#app > .van-nav-bar {
-  background-color: #FFFFFF;
-
-  .van-nav-bar__title {
-    color: @font-color;
-  }
-  .van-nav-bar__text {
-    color: @font-color;
-  }
-  .van-icon {
-    color: @font-color;
   }
 }
 </style>