.

src/assets/css/reset.scss

@@ -12,4 +12,8 @@ html,body,#app{
 }
 html{
     zoom: 50%;
+}
+body{
+    min-width: 3200px;
+    min-height: 1450px;
 }

src/components/HyHeader.vue

@@ -70,10 +70,11 @@ header {
 .leftsidebar img {
     margin-left: 80px;
     height: 80%;
+    width: 60%;
 }
 
 .mainbav {
-    width: 2000px;
+    min-width: 2000px;
     display: flex;
     align-items: center;
     justify-content: space-around;
@@ -81,18 +82,19 @@ header {
 
 .mainbav a {
     // background-image: url(../assets/li_bg2.png);
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    display: block;
+    // background-size: 100% 100%;
+    // background-repeat: no-repeat;
+    display: inline-block;
     width: 317px;
     height: 78px;
     line-height: 78px;
     text-align: center;
-    font-size: 54px;
+    font-size: 44px;
+    // font-size: 2.8vw;
     font-weight: normal;
     font-stretch: normal;
     letter-spacing: 2px;
-    font-size: 44px;
+    
     color: grey;
     opacity: 0.5;
 }

src/main.js

@@ -27,5 +27,15 @@ Vue.config.productionTip = false
 new Vue({
   router,
   store,
+  mounted() {
+    var timer
+    window.onresize = () => {
+        if(timer) clearTimeout(timer)
+        timer = setTimeout(() => {
+            console.log('6666')
+            this.$echarts.resize()
+        }, 500)
+    }
+  },
   render: h => h(App)
 }).$mount('#app')

src/views/Butcher/Butcher.vue

@@ -470,6 +470,7 @@ export default {
                             border-radius: 20px;
                             height: 90px;
                             min-width: 400px;
+                            max-width: 560px;
                             box-sizing: border-box;
                             border: 4px solid #53bafd;
                             flex: 1 0 20%;
@@ -646,6 +647,7 @@ export default {
             > .right_2,
             > .right_3 {
                 overflow: hidden;
+                padding-bottom: 40px;
                 > .table {
                     color: #fff;
                     font-size: 30px;

src/views/LvShanXiang/LvShanXiang.vue

@@ -326,6 +326,7 @@ export default {
                         border-radius: 20px;
                         height: 90px;
                         min-width: 450px;
+                        max-width: 550px;
                         border: 4px solid #53bafd;
                         box-sizing: border-box;
                         flex: 1 0 20%;

src/views/Yield/Yield.vue

@@ -186,15 +186,16 @@ export default {
                 .item {
                     border-radius: 20px;
                     height: 90px;
-                    min-width: 450px;
+                    min-width: 400px;
+                    max-width: 500px;
                     border: 4px solid #53bafd;
                     box-sizing: border-box;
                     margin: 20px 60px;
-                    padding: 10px 10px 10px 80px;
                     font-size: 35px;
                     font-weight: 600;
                     display: flex;
                     align-items: center;
+                    justify-content: center;
                     .title {
                         color: #fff;
                     }