调整比例

src/assets/styles/portal-index.scss

@@ -3,6 +3,7 @@
 //首页版心内容区域
 .xindex-content {
   font-family: 'Noto Sans SC';
+  padding-top: 20px;
   margin: 26px auto;
 }
 .xindex-row{
@@ -461,7 +462,7 @@
   }
   //课程卡片样式
   .xindex-course{
-    width: 240px;
+    width: 255px;
     padding: 20px;
     margin-right: 20px;
     margin-bottom: 20px;
@@ -470,16 +471,14 @@
       bottom: 16px;
     }
     .course-image-box{
-     width: 200px;
-     height: 114px;
+     width: 220px;
+     height: 123px;
       ::v-deep .course-image{
         height: 100% !important;
       }
     }
   }
-  .xindex-ranking{
-    width: 300px;
-  }
+
     .boe-index{
        width: 235px;
        padding: 20px;
@@ -678,7 +677,7 @@
     width: 1366px;
   }
   .xindex-course{
-    width: 330px;
+    width: 320px;
     padding: 25px;
     margin-right: 20px;
     margin-bottom: 20px;
@@ -895,21 +894,21 @@
 
 @media screen and (max-width: 1920px) and (min-width: 1681px){
   .xindex-content{
-    width: 1640px;
+    width: 1690px;
   }
   .xindex-course{
-    width: 410px;
+    width: 400px;
     padding: 30px;
-    margin-right: 36px;
-    margin-bottom: 36px;
+    margin-right: 30px;
+    margin-bottom: 30px;
     border-radius: 8px;
     .cor-praises {
       right: 50px;
       bottom: 26px;
     }
     .course-image-box{
-     width: 350px;
-     height: 196x;
+     width: 340px;
+     height: 191x;
          ::v-deep .course-image{
              height: 100% !important;
          }

src/assets/styles/portal.scss

@@ -252,10 +252,9 @@ body {margin: 0px;padding: 0px;}
 @media screen and (max-width: 1366px){
   .xcontent2{
     width: 1100px;
-    padding: 20px 5px;
   }
   .xcontent2-minor{
-    width: 234px;
+    width: 260px;
   }
   .portal-ranking{
     padding: 30px 15px;
@@ -273,10 +272,9 @@ body {margin: 0px;padding: 0px;}
 @media screen and (max-width: 1680px) and (min-width:1367px){
   .xcontent2{
     width: 1366px;
-    padding: 30px 20px;
   }
   .xcontent2-minor{
-    width: 300px;
+    width: 320px;
   }
   .portal-ranking{
       padding: 30px 20px;
@@ -293,8 +291,7 @@ body {margin: 0px;padding: 0px;}
 
 @media screen and (max-width: 1920px) and (min-width: 1681px){
   .xcontent2{
-    width: 1640px;
-    padding: 30px 26px;
+    width: 1690px;
   }
   .xcontent2-minor{
     width: 400px;
@@ -315,8 +312,7 @@ body {margin: 0px;padding: 0px;}
 
 @media screen and (min-width: 1921px){
   .xcontent2{
-    width: 1880px;
-    padding: 30px 26px;
+    width: 1900px;
   }
   .xcontent2-minor{
     width: 400px;

src/views/portal/case/Detail.vue

@@ -96,7 +96,7 @@
               <el-empty :image-size="200"></el-empty>
             </div>
           </div>
-          <div :class="zoomShow?'':'xcontent2-minor'">
+          <div class="xcontent2-minor" :style="{display:zoomShow? '':'none'}">
             <div>
             <div id="fixd-box">
             <div class="portal-ranking ranking-bg">