适配

src/components/Framework/index.vue

@@ -16,7 +16,8 @@
               <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;">
@@ -235,7 +236,7 @@ export default {
 }
 
 .container {
-  width: 1920px;
+  //width: 1920px;
   box-sizing: border-box;
   margin-top: 90px; /* 让页面内容避开导航栏 */
 }
@@ -362,7 +363,7 @@ export default {
 }
 
 .header-model-el-menu {
-  width: 1920px;
+  //width: 1920px;
   height: 25px;
   display: flex;
   align-items: center;
@@ -423,30 +424,6 @@ export default {
   align-items: center; /* 垂直居中对齐内容 */
 }
 
-@media (min-width: 1920px) {
-  .header-title-img {
-    border-bottom: none;
-    margin-top: -10px;
-    margin-right: 100px;
-  }
-
-  .header-title {
-    border: 0;
-    font-weight: 700;
-    font-size: 18px;
-    min-width: 72px;
-    height: 25px;
-    font-family: "PingFang SC";
-    font-style: normal;
-    line-height: normal;
-    padding: 0 45px;
-  }
-
-  .img-class {
-    width: 186px;
-    height: 56px;
-  }
-}
 
 .mobile_menu {
   background-color: transparent; /* 设置背景色为完全透明 */
@@ -500,7 +477,7 @@ a:active {
   background-image: url('../../assets/images/yejiao_bg.jpg');
   background-size: cover;
   background-position: center;
-  width: 1920px;
+  //width: 1920px;
   height: auto;
   padding-bottom: 20px;
   font-family: "PingFangSC-Regular";

src/components/Index/index.vue

@@ -3,9 +3,9 @@
     <div class="container1">
       <div style="background-color: #F4F7FC;">
         <div class="swiper">
-          <el-carousel :interval="5000" class="swiper_carousel" arrow="never">
+          <el-carousel :interval="5000" class="swiper_carousel" >
             <el-carousel-item v-for="item in imgList" :key="item.id" class="swiper_carousel">
-              <img :src="item.url">
+              <img class="carouselImg" :src="item.url">
             </el-carousel-item>
           </el-carousel>
         </div>
@@ -384,7 +384,7 @@ export default {
 </script>
 <style scoped>
 .page-container {
-  width: 1920px;
+  //width: 1920px;
   margin-left: auto; /* 左右自动边距，用于居中 */
   margin-right: auto; /* 左右自动边距，用于居中 */
   display: flex;
@@ -392,13 +392,19 @@ export default {
 }
 
 .container1 {
-  width: 1920px
+  //width: 1920px
 }
 
 .swiper {
   height: 680px;
 }
-
+::v-deep .el-carousel__container{
+  height: 100%!important;
+}
+.carouselImg{
+  width: 100%;
+  height: 100%;
+}
 .swiper_carousel {
   height: 680px;
 }

src/main.js

@@ -2,7 +2,7 @@ import Vue from 'vue'
 import 'normalize.css/normalize.css' // A modern alternative to CSS resets
 import moment from 'moment'
 import Element from 'element-ui'
-// import './utils/rem.js' // 自适应分辨率
+import './utils/rem.js' // 自适应分辨率
 // import ElementUI from 'element-ui'
 // import './styles/element-variables.scss'
 // import locale from 'element-ui/lib/locale/lang/en' // lang i18n