Browse Source

企业培训页面样式修改

tanxue 2 years ago
parent
commit
2faa2fa30b

+ 7 - 18
pages/solution/peixun.vue

@@ -16,8 +16,9 @@
     </div>
 
     <!--  企业培训痛点  -->
-    <div class="client-tongdian-box client-container">
-      <h4>企业培训痛点</h4>
+    <div class="client-tongdian-box">
+      <div class="client-container">
+      <h4 class="client-title">企业培训痛点</h4>
       <ul>
         <li>
           <i></i>
@@ -49,6 +50,7 @@
         </li>
       </ul>
     </div>
+    </div>
 
     <!--  企业培训解决方案  -->
     <div class="platform-products-services client-container">
@@ -294,13 +296,7 @@ export default {
 
 // 企业痛点
 .client-tongdian-box {
-  h4 {
-    font-size: 30px;
-    font-weight: 800;
-    color: #333;
-    margin-bottom: 90px;
-    text-align: center;
-  }
+  background: #f8fdf9;
 
   ul {
     display: flex;
@@ -310,7 +306,7 @@ export default {
     li {
       text-align: center;
       width: 33%;
-      margin-bottom: 30px;
+      margin-bottom: 84px;
 
       i {
         width: 99px;
@@ -319,6 +315,7 @@ export default {
         background-repeat: no-repeat;
         background-size: contain;
         background-position: center;
+        margin-bottom: 28px;
       }
 
       &:nth-child(1) {
@@ -550,14 +547,6 @@ export default {
   .client-tongdian-box {
     margin-top: 10%;
 
-    h4 {
-      font-size: 18px;
-      font-weight: 800;
-      color: #333;
-      margin-bottom: 6%;
-      text-align: center;
-    }
-
     ul {
       li {
         width: 50%;

BIN
static/productImage/p17.png


BIN
static/productImage/p18.png


BIN
static/productImage/p19.png


BIN
static/productImage/p20.png


BIN
static/productImage/p21.png