首页链接栏开发

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

@@ -27,13 +27,21 @@
       background:#f8f8f8;
         li{
           width: 25%;display: inline-block;text-align: center;
-          div{border-right:2px solid #e5e5e5;margin: 24px 0;}
-          p{@include setFontStyle(16);margin-bottom: 16px;color: #333;}
-          span{@include setFontStyle(6);}
-          h4{@include setFontStyle(-4);color: #666;}
+          i{width: 40px;height: 40px;display: inline-block;background-size: cover;margin-right: 16px;vertical-align: middle;}
+          a{
+            border-right:2px solid #e5e5e5;margin: 24px 0;display: block;
+            div{display: inline-block;text-align: left;vertical-align: middle;}
+            span{@include setFontStyle(-4);color: #333;margin-bottom: 10px;display: block;}
+            p{@include setFontStyle(-4);color: #666;}
+          }
+
         }
-        li:last-child div{border-right: 0;}
+        li:last-child a{border-right: 0;}
     }
+    li:nth-child(1){i{background-image: url("~static/images/client/index/company-history-icon1.png");}}
+    li:nth-child(2){i{background-image: url("~static/images/client/index/company-history-icon2.png");}}
+    li:nth-child(3){i{background-image: url("~static/images/client/index/company-history-icon3.png");}}
+    li:nth-child(4){i{background-image: url("~static/images/client/index/company-history-icon4.png");}}
 
     /* 产品和服务 */
     .client-products-services{

pages/index.vue

@@ -25,10 +25,10 @@
     <div class="client-company-history mta-hidden-xs">
       <div class="client-container">
         <ul>
-          <li><div><p>2008<span>年</span></p><h4>公司创立于2008年</h4></div></li>
-          <li><div><p>3000<span>+</span></p><h4>已与3000多家企业建立了合作关系</h4></div></li>
-          <li><div><p>124,799<span>+</span></p><h4>平台用户已达到124799</h4></div></li>
-          <li><div><p>30,000<span>+</span></p><h4>课件开发超30000课时</h4></div></li>
+          <li><a @click="goExamPage"><i></i><div><span>在线考试系统</span><p>让考试变得更轻松</p></div></a></li>
+          <li><a @click="goPeixunPage"><i></i><div><span>在线培训系统</span><p>为企业解决培训痛点</p></div></a></li>
+          <li><a @click="goKechengPage"><i></i><div><span>课程定制开发</span><p>打造专业定制化服务</p></div></a></li>
+          <li><a @click="goKechengZyPage"><i></i><div><span>通用课程资源</span><p>企业构建自主课程体系</p></div></a></li>
         </ul>
       </div>
     </div>
@@ -863,6 +863,9 @@
       goKechengPage(){
         this.$router.push({ name: 'courseware' });
       },
+      goKechengZyPage(){
+        this.$router.push({ name: 'courseResources' });
+      },
       checkInfo(data) {
         const opt = {
           id: data.code,