update

assets/scss/cus-client/cus-client-common.scss

@@ -910,14 +910,9 @@ client-banner-box.client-banner-index {
   }
 }
 
-
-
-
 /***************************** 解决方案 子页面 三个 video *************/
 .client-anli-box {
   height: 600px;
-
-
   h4 {
     font-size: 30px;
     color: #333;
@@ -969,7 +964,7 @@ client-banner-box.client-banner-index {
     }
 
     p {
-      font-size: 18px;
+      font-size: 14px;
       font-weight: 500;
       text-align: center;
       line-height: 1.5;
@@ -1030,6 +1025,7 @@ client-banner-box.client-banner-index {
 }
 @media (max-width: 768px) {
   .client-xianzhuang-box {
+    margin-top: 50px;
     background-image: none;
     width: 100%;
     height: 30%;
@@ -1062,7 +1058,7 @@ client-banner-box.client-banner-index {
   h4 {
     font-size: 30px;
     color: #333;
-    margin-top: 120px;
+    margin-top: 80px;
     margin-bottom: 40px;
     font-weight: 800;
     text-align: center;
@@ -1121,6 +1117,11 @@ client-banner-box.client-banner-index {
       flex-direction: column;
 
       li {
+        padding: 10px;
+        border: 1px solid #ccc;
+        border-radius: 8px;
+        margin-bottom: 10px;
+
         div {
           margin: 0 20px 0 0;
           width: 100%;
@@ -1207,3 +1208,32 @@ client-banner-box.client-banner-index {
   .experience-swiper-tip{margin: 0 auto; font-size: 14px; font-weight: 400; text-align: center}
 
 }
+
+/****************************** 青谷解决方案 ******************************************/
+.client-fangan-box {
+  h4 {
+    font-size: 30px;
+    color: #333;
+    margin-top: 80px;
+    margin-bottom: 40px;
+    font-weight: 800;
+    text-align: center;
+  }
+  .btn-groups {
+    margin-top: 50px;
+  }
+  @media (max-width: 768px){
+    h4 {
+      font-size: 18px;
+      color: #333;
+      margin-top: 30px;
+      margin-bottom: 40px;
+      font-weight: 800;
+      text-align: center;
+    }
+    .btn-groups {
+      margin-top: 30px;
+    }
+  }
+}
+

components/common/layout/imgDes/imgCardLv2.vue

@@ -143,7 +143,8 @@ export default {
     // card--info
     .card-info {
       width: 100%;
-      h5 {font-size: 16px;margin: 20px 0 10px;}
+
+      h5 {font-size: 18px;margin: 20px 0 10px;}
       em{width: 35px;height: 3px;background: #00b96b;display: block;margin-bottom: 20px;}
       .card-des{
         font-size: 14px;margin: 20px 0 10px;text-align: justify;line-height: 22px;

pages/solution/biteAndSup.vue

@@ -47,7 +47,7 @@
     </div>
 
     <!--  青谷解决方案  -->
-    <div class="platform-products-services client-container">
+    <div class="client-fangan-box client-container">
       <h4 class="client-title">青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
@@ -235,79 +235,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
-.client-xianzhuang-box {
-  background-image: url("~static/gangweiIcon/z90.png");
-  width: 100%;
-  height: 560px;
-  margin-top: 150px;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: contain;
-
-  h4 {
-    font-size: 30px;
-    color: #333;
-    margin-top: 120px;
-    margin-bottom: 40px;
-    font-weight: 800;
-    text-align: center;
-  }
-
-  p {
-    font-size: 18px;
-    font-weight: 500;
-    text-align: center;
-    line-height: 36px;
-    width: 1000px;
-    margin: 0 auto;
-  }
-}
-
 .client-tongdian-box {
-  h4 {
-    font-size: 30px;
-    color: #333;
-    margin-top: 120px;
-    margin-bottom: 40px;
-    font-weight: 800;
-    text-align: center;
-  }
-
   ul {
-    display: flex;
-    justify-content: center;
-
     li {
-      div {
-        margin: 0 51px 0 0;
-        width: 380px;
-        height: 280px;
-        background-size: contain;
-        background-repeat: no-repeat;
-        background-position: center;
-        text-align: center;
-
-        i {
-          width: 110px;
-          height: 88px;
-          margin-top: 50px;
-          display: inline-block;
-          background-size: contain;
-          background-repeat: no-repeat;
-          background-position: center;
-        }
-
-        p {
-          text-align: center;
-          color: #fffefe;
-          font-size: 18px;
-          font-weight: 800;
-          line-height: 30px;
-          width: 220px;
-          margin: 20px auto 0;
-        }
-      }
       &:nth-child(1) {
         div {
           background-image: url("~static/gangweiIcon/z91.png");
@@ -335,127 +265,27 @@ export default {
       }
     }
   }
-}
-
-.platform-products-services {
-  h4 {
-    font-size: 30px;
-    font-weight: 800;
-    color: #333;
-    margin-top: 140px;
-    margin-bottom: 120px;
-  }
-  .btn-groups {
-    margin-top: 50px;
-  }
-}
-
-
-@media (max-width: 768px) {
-
-  .client-xianzhuang-box {
-    background-image: none;
-    width: 100%;
-    height: 30%;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-size: contain;
-
-    h4 {
-      font-size: 18px;
-      color: #333;
-      margin-top: 10%;
-      margin-bottom: 40px;
-      font-weight: 800;
-      text-align: center;
-    }
-
-    p {
-      font-size: 14px;
-      font-weight: 500;
-      text-align: center;
-      line-height: 1.5;
-      width: 100%;
-      margin: 0 auto;
-    }
-  }
-
-  .client-tongdian-box {
-    h4 {
-      font-size: 18px;
-      color: #333;
-      margin-top: 10%;
-      margin-bottom: 3%;
-      font-weight: 800;
-      text-align: center;
-    }
-
+  @media (max-width: 768px) {
     ul {
-      display: flex;
-      flex-direction: column;
-
       li {
-        div {
-          margin: 0 20px 0 0;
-          width: 100%;
-          height: auto;
-          background-size: contain;
-          background-repeat: no-repeat;
-          background-position: center;
-          text-align: center;
-          display: flex;
-          justify-content: flex-start;
-
-          i {
-            width: 90px;
-            height: 90px;
-            margin-top: 3%;
-            background-color: #ccc;
-            display: inline-block;
-            background-size: contain;
-            background-repeat: no-repeat;
-            background-position: center;
-          }
-
-          p {
-            text-align: left;
-            color: #333;
-            font-size: 14px;
-            font-weight: 500;
-            line-height: 1.5;
-            width: 80%;
-            margin: 20px 0 0 20px;
-          }
-        }
         &:nth-child(1) {
           div {
             background-image: none;
-
-            i {
-              background-image: url('~static/gangweiIcon/z97.png');
-            }
           }
         }
         &:nth-child(2) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z102.png');
-            }
           }
         }
         &:nth-child(3) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z101.png');
-            }
           }
         }
       }
     }
   }
-
-
 }
+
 </style>

pages/solution/education.vue

@@ -24,6 +24,7 @@
 
     <!--  教育机构培训痛点  -->
     <div class="client-tongdian-box client-container">
+      <h4>教育机构痛点</h4>
       <ul>
         <li>
           <div>
@@ -49,8 +50,8 @@
     </div>
 
     <!--  青谷解决方案  -->
-    <div class="platform-products-services client-container">
-      <h4 class="client-title">青谷解决方案</h4>
+    <div class="client-fangan-box client-container">
+      <h4>青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
           <onlineInformationBtn my-type="2" class="online-information-btn btn-item" />
@@ -231,78 +232,9 @@ export default {
 
 <style lang="scss" scoped>
 
-  .client-xianzhuang-box {
-  background-image: url("~static/gangweiIcon/z90.png");
-  width: 100%;
-  height: 560px;
-  margin-top: 150px;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: contain;
-
-  h4 {
-    font-size: 30px;
-    color: #333;
-    margin-top: 120px;
-    margin-bottom: 40px;
-    font-weight: 800;
-    text-align: center;
-  }
-
-  p {
-    font-size: 18px;
-    font-weight: 500;
-    text-align: center;
-    line-height: 36px;
-    width: 1000px;
-    margin: 0 auto;
-  }
-}
-
   .client-tongdian-box {
-    h4 {
-      font-size: 30px;
-      color: #333;
-      margin-top: 120px;
-      margin-bottom: 40px;
-      font-weight: 800;
-      text-align: center;
-    }
-
     ul {
-      display: flex;
-      justify-content: center;
-
       li {
-        div {
-          margin: 0 51px 0 0;
-          width: 380px;
-          height: 280px;
-          background-size: contain;
-          background-repeat: no-repeat;
-          background-position: center;
-          text-align: center;
-
-          i {
-            width: 110px;
-            height: 88px;
-            margin-top: 50px;
-            display: inline-block;
-            background-size: contain;
-            background-repeat: no-repeat;
-            background-position: center;
-          }
-
-          p {
-            text-align: center;
-            color: #fffefe;
-            font-size: 18px;
-            font-weight: 800;
-            line-height: 30px;
-            width: 220px;
-            margin: 20px auto 0;
-          }
-        }
         &:nth-child(1) {
           div {
             background-image: url("~static/gangweiIcon/z91.png");
@@ -330,125 +262,27 @@ export default {
         }
       }
     }
-  }
-
-  .platform-products-services {
-      h4 {
-        font-size: 30px;
-        font-weight: 800;
-        color: #333;
-        margin-top: 140px;
-        margin-bottom: 120px;
-      }
-    .btn-groups {
-      margin-top: 50px;
-    }
-  }
-
-  @media (max-width: 768px) {
-
-    .client-xianzhuang-box {
-      background-image: none;
-      width: 100%;
-      height: 30%;
-      background-position: center;
-      background-repeat: no-repeat;
-      background-size: contain;
-
-      h4 {
-        font-size: 18px;
-        color: #333;
-        margin-top: 10%;
-        margin-bottom: 40px;
-        font-weight: 800;
-        text-align: center;
-      }
-
-      p {
-        font-size: 14px;
-        font-weight: 500;
-        text-align: center;
-        line-height: 1.5;
-        width: 100%;
-        margin: 0 auto;
-      }
-    }
-
-    .client-tongdian-box {
-      h4 {
-        font-size: 18px;
-        color: #333;
-        margin-top: 10%;
-        margin-bottom: 3%;
-        font-weight: 800;
-        text-align: center;
-      }
-
+    @media (max-width: 768px) {
       ul {
-        display: flex;
-        flex-direction: column;
-
         li {
-          div {
-            margin: 0 20px 0 0;
-            width: 100%;
-            height: auto;
-            background-size: contain;
-            background-repeat: no-repeat;
-            background-position: center;
-            text-align: center;
-            display: flex;
-            justify-content: flex-start;
-
-            i {
-              width: 90px;
-              height: 90px;
-              margin-top: 3%;
-              background-color: #ccc;
-              display: inline-block;
-              background-size: contain;
-              background-repeat: no-repeat;
-              background-position: center;
-            }
-
-            p {
-              text-align: left;
-              color: #333;
-              font-size: 14px;
-              font-weight: 500;
-              line-height: 1.5;
-              width: 80%;
-              margin: 20px 0 0 20px;
-            }
-          }
           &:nth-child(1) {
             div {
               background-image: none;
-
-              i {
-                background-image: url('~static/gangweiIcon/z97.png');
-              }
             }
           }
           &:nth-child(2) {
             div {
               background-image: none;
-              i {
-                background-image: url('~static/gangweiIcon/z103.png');
-              }
             }
           }
           &:nth-child(3) {
             div {
               background-image: none;
-              i {
-                background-image: url('~static/gangweiIcon/z104.png');
-              }
             }
           }
         }
       }
     }
-
   }
+
 </style>

pages/solution/energy.vue

@@ -49,7 +49,7 @@
     </div>
 
     <!--  青谷解决方案  -->
-    <div class="platform-products-services client-container">
+    <div class="client-fangan-box client-container">
       <h4 class="client-title">青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
@@ -260,54 +260,28 @@ export default {
       }
     }
   }
-}
-
-.platform-products-services {
-  h4 {
-    font-size: 30px;
-    font-weight: 800;
-    color: #333;
-    margin-top: 140px;
-    margin-bottom: 120px;
-  }
-  .btn-groups {
-    margin-top: 50px;
-  }
-}
 
-@media (max-width: 768px) {
-
-  .client-tongdian-box {
+  @media (max-width: 768px) {
     ul {
-
       li {
         &:nth-child(1) {
           div {
             background-image: none;
-
-            i {
-              background-image: url('~static/gangweiIcon/z97.png');
-            }
           }
         }
         &:nth-child(2) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z98.png');
-            }
           }
         }
         &:nth-child(3) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z99.png');
-            }
           }
         }
       }
     }
   }
 }
+
 </style>

pages/solution/financial.vue

@@ -47,7 +47,7 @@
     </div>
 
     <!--  青谷解决方案  -->
-    <div class="platform-products-services client-container">
+    <div class="client-fangan-box client-container">
       <h4 class="client-title">青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
@@ -260,55 +260,28 @@ export default {
       }
     }
   }
-}
-
-.platform-products-services {
-  h4 {
-    font-size: 30px;
-    font-weight: 800;
-    color: #333;
-    margin-top: 140px;
-    margin-bottom: 120px;
-  }
-  .btn-groups {
-    margin-top: 50px;
-  }
-}
-
-
-@media (max-width: 768px) {
-
-
-  .client-tongdian-box {
+  @media (max-width: 768px) {
     ul {
       li {
         &:nth-child(1) {
           div {
             background-image: none;
-
-            i {
-              background-image: url('~static/gangweiIcon/z100.png');
-            }
           }
         }
         &:nth-child(2) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z98.png');
-            }
           }
         }
         &:nth-child(3) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z99.png');
-            }
           }
         }
       }
     }
   }
 }
+
+
 </style>

pages/solution/government.vue

@@ -238,7 +238,6 @@ export default {
 
 <style lang="scss" scoped>
 
-
 .client-tongdian-box {
   ul {
     li {
@@ -269,51 +268,22 @@ export default {
       }
     }
   }
-}
-
-.client-fangan-box {
-  h4 {
-    font-size: 30px;
-    color: #333;
-    margin-top: 120px;
-    margin-bottom: 40px;
-    font-weight: 800;
-    text-align: center;
-  }
-}
-
-
-
-@media (max-width: 768px) {
-
-
-  .client-tongdian-box {
-
+  @media (max-width: 768px) {
     ul {
       li {
         &:nth-child(1) {
           div {
             background-image: none;
-
-            i {
-              background-image: url('~static/gangweiIcon/z94.png');
-            }
           }
         }
         &:nth-child(2) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z95.png');
-            }
           }
         }
         &:nth-child(3) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z96.png');
-            }
           }
         }
       }
@@ -321,4 +291,5 @@ export default {
   }
 }
 
+
 </style>

pages/solution/medical.vue

@@ -48,7 +48,7 @@
     </div>
 
     <!--  青谷解决方案  -->
-    <div class="platform-products-services client-container">
+    <div class="client-fangan-box client-container">
       <h4 class="client-title">青谷解决方案</h4>
       <imgCardLv2 :option="item" v-for="(item,index) in productList" :key="index">
         <div class="btn-groups">
@@ -260,47 +260,24 @@ export default {
   }
 }
 
-.platform-products-services {
-  h4 {
-    font-size: 30px;
-    font-weight: 800;
-    color: #333;
-    margin-top: 140px;
-    margin-bottom: 120px;
-  }
-  .btn-groups {
-    margin-top: 50px;
-  }
-}
 
 @media (max-width: 768px) {
     .client-tongdian-box {
       ul {
-
         li {
           &:nth-child(1) {
             div {
               background-image: none;
-
-              i {
-                background-image: url('~static/gangweiIcon/z97.png');
-              }
             }
           }
           &:nth-child(2) {
             div {
               background-image: none;
-              i {
-                background-image: url('~static/gangweiIcon/z98.png');
-              }
             }
           }
           &:nth-child(3) {
             div {
               background-image: none;
-              i {
-                background-image: url('~static/gangweiIcon/z99.png');
-              }
             }
           }
         }

pages/solution/transportation.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="client-exam-page client-platform-page">
     <!-- 广告图位置 -->
-    <div class="client-banner-box">
+    <div  class="client-banner-box">
       <div
         :style="{backgroundImage: `url(${bannerList[0].pic || require(`~/static/images/client/train/train-banner-background.png`)})`}"
         class="client-platform-banner">
@@ -14,7 +14,7 @@
     </div>
 
     <!--  交通运输培训现状  -->
-    <div class="client-xianzhuang-box">
+    <div  class="client-xianzhuang-box">
       <h4>交通运输培训现状</h4>
       <p>现代交通运输正朝着高速化，大型化，专业化和网络化方向发展，各种运输方式之间的市场竞争也已全面展开。
       优于交通行业以技术先行，企业越来越需要具有扎实的汽车运用技术、交通运输与系统规划与管理、物流系统工程等方面专业知识，
@@ -48,7 +48,7 @@
 
 
     <!--  青谷解决方案  -->
-    <div class="platform-products-services client-container">
+    <div  class="client-fangan-box client-container">
       <h4 class="client-title">青谷解决方案</h4>
       <template v-for="(item,index) in productList">
         <img-card-lv2 :option="item" v-if="item.lv == 2" :key="index">
@@ -65,7 +65,7 @@
     </div>
 
     <!--  交通运输类课程案例  -->
-    <div class="client-anli-box client-container">
+    <div  class="client-anli-box client-container">
       <h4>交通运输类课程案例</h4>
       <p>青谷软件可为交通运输行业行业定制电子化课程</p>
       <ul>
@@ -264,14 +264,11 @@ export default {
 <style lang="scss" scoped>
 
 .client-tongdian-box {
-
   ul {
-
     li {
       &:nth-child(1) {
         div {
           background-image: url("~static/gangweiIcon/z91.png");
-
           i {
             background-image: url('~static/gangweiIcon/z105.png');
           }
@@ -295,54 +292,28 @@ export default {
       }
     }
   }
-}
-
-.platform-products-services {
-  h4 {
-    font-size: 30px;
-    font-weight: 800;
-    color: #333;
-    margin-top: 140px;
-    margin-bottom: 120px;
-  }
-}
-
-
-@media (max-width: 768px) {
-
-
-  .client-tongdian-box {
+  @media (max-width: 768px) {
     ul {
       li {
         &:nth-child(1) {
           div {
             background-image: none;
-
-            i {
-              background-image: url('~static/gangweiIcon/z105.png');
-            }
           }
         }
         &:nth-child(2) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z97.png');
-            }
           }
         }
         &:nth-child(3) {
           div {
             background-image: none;
-            i {
-              background-image: url('~static/gangweiIcon/z103.png');
-            }
           }
         }
       }
     }
   }
+}
 
 
-}
 </style>