考试页面样式修改

components/common/applyBtn.vue

@@ -1,5 +1,5 @@
 <template>
-  <span class="btn" v-bind="$attrs" @click="btnClick">申请方案</span>
+  <span class="appley-btn" v-bind="$attrs" @click="btnClick">申请方案</span>
 </template>
 
 <script>
@@ -32,15 +32,17 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-.btn {
+<style lang="scss">
+.appley-btn{
   width: 154px;
-  height: 47px;
+  height: 48px;
+  line-height: 48px;
   background: #00b96b;
   border-radius: 24px;
-  padding: 10px 30px;
   color: #fff;
   cursor: pointer;
+  display: inline-block;
+  text-align: center;
   @media (max-width: 768px) {
     width: 44%;height:35px;line-height:35px;max-width: 120px;margin: 0 3%;display: inline-block;
     padding: 0;text-align: center;font-size: 14px;

components/common/freeTrialBtn.vue

@@ -1,5 +1,5 @@
 <template>
-  <span class="btn" v-bind="$attrs" @click="btnClick">免费试用</span>
+  <span class="free-btn" v-bind="$attrs" @click="btnClick">免费试用</span>
 </template>
 
 <script>
@@ -52,15 +52,17 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-.btn {
+<style lang="scss">
+.free-btn {
   width: 154px;
-  height: 47px;
+  height: 48px;
+  line-height: 48px;
   background: #00b96b;
   border-radius: 24px;
-  padding: 10px 30px;
   color: #fff;
   cursor: pointer;
+  display: inline-block;
+  text-align: center;
   @media (max-width: 768px) {
     width: 44%;height:35px;line-height:35px;max-width: 120px;margin: 0 3%;display: inline-block;
     padding: 0;text-align: center;font-size: 14px;

components/common/layout/imgDes/imgCardLv2.vue

@@ -18,6 +18,7 @@
       <img :src="img.url">
       <div class="card-info">
         <h5>{{ title }}</h5>
+        <em></em>
         <div class="mta-card-row" v-for="(rowItem,index) in tagesH5" :key="`H5-${index}`">
           <i></i><span>{{ rowItem.value }}</span>
         </div>
@@ -119,8 +120,8 @@ export default {
     }
     i {
       display: inline-block;
-      width:13px;
-      height: 13px;
+      width:8px;
+      height: 8px;
       background: #00b96b;
       margin-right: 13px;
       border-radius: 50%;
@@ -137,6 +138,14 @@ export default {
     img {
       width: 100%;
     }
+    // card--info
+    .card-info {
+      h5 {font-size: 16px;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;
+      }
+    }
   }
 
 }

components/common/onlineInformationBtn.vue

@@ -1,5 +1,5 @@
 <template>
-  <span class="btn" @click="btnClick" :class="topClass">在线咨询</span>
+  <span class="zxzx-btn" @click="btnClick" :class="topClass">在线咨询</span>
 
 </template>
 
@@ -31,27 +31,30 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-.btn {
+<style lang="scss">
+.zxzx-btn {
   &.level_1 {
     width: 154px;
-    height: 47px;
+    height: 48px;
+    line-height: 48px;
     color: #00b96b;
     border-radius: 24px;
-    padding: 10px 30px;
     background: #fff;
     border: 1px solid #00b96b;
     cursor: pointer;
+    display: inline-block;
+    text-align: center;
   }
   &.level_2 {
     width: 154px;
-    height: 47px;
+    height: 48px;
+    line-height: 48px;
     color: #fff;
     border-radius: 24px;
-    padding: 10px 30px;
     background: #00B96B;
     border: 1px solid #00b96b;
     cursor: pointer;
+    text-align: center;
   }
   @media (max-width: 768px) {
     &.level_1 {width: 44%;height:35px;line-height:35px;max-width: 120px;margin: 0 3%;

pages/product/exam.vue

@@ -289,20 +289,24 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
-.client-banner-box {
-  height: 600px;
-  background: green;
-  text-align: center;
-  color: #fff;
-}
+<style lang="scss">
+  .client-exam-page{
+    .client-banner-box {
+      height: 600px;
+      background: green;
+      text-align: center;
+      color: #fff;
+    }
 
-.platform-products-experience {
-  .btn-groups {
-    margin-top: 48px;
-    .btn-item {
-      margin-right: 20px;
+    // 按钮
+    .free-train-btn,.apply-btn{margin-right: 16px;}
+    .btn-groups {
+      margin-top: 48px;
+    }
+    @media (max-width: 768px) {
+      .btn-groups {
+        display: flex;justify-content: center;margin-top: 30px;
+      }
     }
   }
-}
 </style>