优化页面布局和样式

src/App.vue

@@ -80,6 +80,9 @@ body{
   margin: 0;
 }
 html {
-  min-width: 1614px; /* 不要给html设置固定最小宽度 */
+  //min-width: 1614px; /* 不要给html设置固定最小宽度 */
+}
+img{
+  width: 100%;
 }
 </style>

src/components/Framework/index.vue

@@ -16,8 +16,7 @@
               <img
                 class="img-class"
                 src="../../assets/icons/logo1.png"
-                @click="logoClick"
-              >
+                @click="logoClick">
             </router-link>
           </el-menu-item>
           <el-menu-item index="1" class="header-title" style="border-bottom: none;">
@@ -241,50 +240,8 @@ export default {
   margin-top: 90px; /* 让页面内容避开导航栏 */
 }
 
-@media (max-width: 2000px) {
-  body {
-    width: 100%;
-  }
-}
-
-@media (max-width: 1920px) {
-  body {
-    width: 100%;
-  }
-}
 
-/* 小于 600px 的设备，如手机 */
-@media (max-width: 600px) {
-  body {
-    width: 100%;
-    font-size: 14px;
-  }
-}
-
-/* 小于 768px 的设备，如平板竖屏 */
-@media (max-width: 768px) {
-  body {
-    width: 100%;
-  }
-}
 
-/*小于 1024px 的设备，如平板横屏 */
-@media (max-width: 1024px) {
-  body {
-    width: 100%;
-  }
-}
-
-#app {
-  display: flex;
-  justify-content: center;
-  margin-left: auto;
-  margin-right: auto;
-  flex-direction: column;
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center;
-}
 
 .container {
   width: 100%;

src/components/Index/index.vue

@@ -553,7 +553,7 @@ export default {
 }
 
 .module-one-card-title1 {
-  min-width: 120px;
+  width: 120px;
   height: 28px;
   font-family: PingFangSC-Semibold;
   font-weight: 600;