update code

package.json

@@ -43,6 +43,7 @@
     "vue-i18n": "^7.8.0",
     "vue-infinite-scroll": "^2.0.2",
     "vue-jstree": "^2.1.6",
+    "vue-meta": "^2.4.0",
     "vue-pdf": "^4.1.0",
     "vue-router": "^3.0.1",
     "vue2-toast": "^2.0.2",

src/App.vue

@@ -9,6 +9,13 @@ export default {
   name: 'App',
   mounted() {
   },
+  metaInfo: {
+        title: "",
+        meta: [
+          { name: "viewport", content: "width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" },
+          { name: "apple-mobile-web-app-capable", content: "yes" },
+        ],
+      },
 }
 </script>
 

src/index.less

@@ -3,8 +3,37 @@ body {
   font-size: 12px;
 }
 
+@media screen and (min-width: 769px) {
+    }
+    
+    @media screen and (min-device-width: 641px) and (max-device-width: 768px) {
+        .main-container {
+            width: 640px;
+            margin: 0 auto;
+            min-height: 500px;
+          }
+    }
+    
+    @media screen and (min-device-width: 401px) and (max-device-width: 640px) {
+        .main-container {
+            width: 640px;
+            margin: 0 auto;
+            min-height: 500px;
+          }
+    }
+    
+    @media only screen and (max-device-width: 400px) {
+        .main-container {
+            width: 640px;
+            margin: 0 auto;
+            min-height: 500px;
+          }
+    }
+
+
+
 .main-container {
-  width: 960px;
+  width: 1200px;
   margin: 0 auto;
   min-height: 500px;
 }
@@ -229,9 +258,7 @@ main{
 footer{
   flex:0 0 auto;
 }
-.main-container{
-  width: 1200px !important;
-}
+
 .item > a,.item > a:active{
   color: #515a6e !important;
 }

src/main.js

@@ -18,6 +18,9 @@ import 'vue2-toast/lib/toast.css'
 import 'element-ui/lib/theme-chalk/index.css';
 import Toast from 'vue2-toast'
 import Moment from 'moment'
+import Meta from "vue-meta";
+Vue.use(Meta);
+
 
 // 定义全局时间戳过滤器
 // Vue.filter('formatDate', function(value) {