首页样式修改

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

@@ -660,16 +660,16 @@ h1,h2,h3,h4,h5,h6,p{font-weight:normal;margin: 0;}
       h5{@include setFontStyle(4);color: rgba(0,0,0,0.85);}
       i{width:50px;height:5px;display: block;background: #3e7ce7;margin: 24px 0;}
       p{line-height: 24px;color: rgba(0,0,0,0.65);margin-bottom: 56px;text-align: justify;}
-      .p-before-circle{margin-bottom: 6px;}
+      .p-before-circle{margin-bottom: 6px!important;}
       .p-before-circle:before{
         content: '';
-        width: 6px;
-        height: 6px;
+        width: 20px;
+        height: 20px;
         display: inline-block;
-        border-radius: 3px;
         margin-right: 8px;
-        background: #3e7ce7;
+        background-image: url("~static/images/client/index/index-icon.png");
         vertical-align: middle;
+        background-repeat: no-repeat;background-size: cover;
       }
       .client-btn-box{margin: 40px 0}
       .client-default-Btn,.client-default-white-Btn{width: 150px;height: 40px;line-height: 40px;display:inline-block;background: #3e7ce7;border: 1px solid #3e7ce7;box-sizing: border-box;}

assets/scss/cus-client/cus-client-page.scss

@@ -497,7 +497,7 @@
       }
     @media (max-width: 768px){
       /* 网站banner */
-      .client-platform-banner{
+      .client-platform-banner,.client-platform-new-banner{
         height: 150px;
         div{background-size: cover;}
         .free-trial-default-btn{top: 90px;margin-left: -61px;}
@@ -584,6 +584,28 @@
         h5{margin-bottom: 50px;line-height: 44px;}
         p{font-size: 16px;font-weight: 500;text-align: justify;color: #333333;line-height: 36px;margin-bottom: 50px;}
         .client-default-Btn{background: #0065CD;border: 1px solid #0065CD;}
+        span.client-default-Btn {
+          background: #fff;
+          color: #0065CD;
+          margin-right: 0;
+        }
+      }
+    }
+    @media (max-width: 768px){
+      .products-services-box{
+        display: inline-block;margin-bottom: 36px;
+        img {height: auto;}
+        .products-services-content {
+          padding-top: 24px;
+          h5 {
+            margin-bottom: 24px;
+            line-height: 22px;
+          }
+
+          p {
+            margin-bottom: 24px; line-height: 24px;
+          }
+        }
       }
     }
   }

pages/index.vue

@@ -1,6 +1,6 @@
 <template>
 
-  <div class="client-index-page">
+  <div class="client-new-platform-page client-index-page">
     <div style="display: none">
       <!--<a :href="`${baseUrl}/pcdituye.html`"></a>-->
       <a :href="`${baseUrl}/mta/pcsitemap.xml`"></a>
@@ -41,7 +41,6 @@
           <img :src="productsImg1" alt="易用/稳定/高效的在线考试系统" />
           <div class="products-services-content">
               <h5>易用/稳定/高效的在线考试系统</h5>
-              <i></i>
               <p class="p-before-circle">支持多端口多平台在线考试，与钉钉、微信、飞书等平台无缝对接</p>
               <p class="p-before-circle">支持答题前人脸身份核验、禁止切屏等智能防作弊技术保障每场考试的公平</p>
               <p class="p-before-circle">拥有丰富细致的考试管理功能，让企业轻松应对各种类型考试需求</p>
@@ -53,7 +52,6 @@
             <img :src="productsImg2" alt="一体化/全场景的在线培训学习系统" />
             <div class="products-services-content">
               <h5>一体化/全场景的在线培训学习系统</h5>
-              <i></i>
               <p class="p-before-circle">支持电脑端、移动端随时随地在线培训学习、考试，从而不再受时间地点的约束</p>
               <p class="p-before-circle">支持在线课程、直播教学、评论点赞、互动答题等强大的培训功能</p>
               <p class="p-before-circle">标准化学习，支持课程、学时、学分、考试、练习、证书等标准化统一</p>
@@ -65,7 +63,6 @@
             <img :src="productsImg3" alt="数字课程开发服务" />
             <div class="products-services-content">
               <h5>数字课程开发服务</h5>
-              <i></i>
               <p>在线学习的成功与否，很大程度上取决于课程内容的质量，也就是常说的“内容为王”。栋科软件凭借优秀的课程开发团队为企业事业单位、院校教育、医疗、金融、零售连锁行业、汽车行业、餐饮等12大行业定制开发了上万门数字课程。</p>
               <div class="client-btn-box"><div class="client-default-Btn" @click="applyFun">申请方案</div><span class="client-default-Btn" @click="goKechengPage">了解详情</span></div>
             </div>