关于我们改版---许莹版

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

@@ -95,7 +95,7 @@
               @include setFontStyle(0);margin-bottom: 24px;text-align: center;
               >a{float: right;display: none;}
             }
-            p{@include setFontStyle(-6);line-height: 24px;margin-bottom: 16px;@include multi-line-ellipsis(4);text-align: justify; }
+            p{max-height: 100px;overflow: hidden;@include setFontStyle(-6);line-height: 24px;margin-bottom: 16px;@include multi-line-ellipsis(4);text-align: justify; }
             span{@include setFontStyle(-6);color: #fff;}
             i{width: 15px;height: 15px;display: inline-block;vertical-align: middle;margin-left: 8px;background-image: url("~static/images/client/index/index-demand-icon.png");}
           }
@@ -316,7 +316,7 @@
           .application-scenarios-content{
             padding: 50px 30px 40px;margin: 0 12px;background: #FFF;
             h5{@include setFontStyle(0);text-align: center;margin-bottom: 24px;}
-            p{@include setFontStyle(-4);line-height: 24px;text-align: justify;@include multi-line-ellipsis(5);min-height: 115px;max-height: 115px}
+            p{@include setFontStyle(-4);line-height: 24px;text-align: justify;@include multi-line-ellipsis(5);min-height: 118px;max-height: 118px}
           }
         }
         li:nth-child(1){
@@ -492,20 +492,23 @@
     // 企业文化
     .corporate-culture-box{
       padding-bottom: 80px;
-      dl{
-        width: 240px;
+      li{
+        width:25%;
         display: inline-block;
         vertical-align: middle;
-        margin: 0 162px 0 90px;
-        dt{
+        div{
+          margin-right: 16px;
           margin-bottom: 16px;
-          i{width: 14px;height: 14px;display:inline-block;border: 1px solid #2B5CFD;transform: rotate(45deg);margin-right: 16px;}
-          span{@include setFontStyle(0);color: rgba(0,0,0,0.85);}
+          padding: 40px 0;
+          border: 6px solid #f7f7f7;
+          text-align: center;
+          i{width: 80px;height: 80px;display:inline-block;border: 1px solid #2B5CFD;margin-bottom: 16px;}
+          h5{@include setFontStyle(0);color: rgba(0,0,0,0.85);margin-bottom: 16px;}
+          p{@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;}
         }
-        dd{@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 24px;margin-bottom: 24px;}
       }
-      img{
-        display: inline-block;vertical-align: middle;
+      li:last-child{
+        div{margin-right: 0;}
       }
     }
 
@@ -517,18 +520,18 @@
         .el-tabs__header{
           margin: 0;
           .el-tabs__nav{width: 100%;padding-bottom: 20px;border-bottom: 1px dotted #6c9ce1;}
-          .el-tabs__nav-wrap,.el-tabs__nav-scroll{overflow: unset}
+          .el-tabs__nav-wrap,.el-tabs__nav-scroll{overflow: visible}
         }
         .el-tabs__item{width: 170px;height: 45px;line-height:45px;border: 1px solid #3e7ee7;background: #fff;padding: 0;text-align: center;border-radius: 4px;margin-right: 24px;position: relative;}
         .el-tabs__item.is-active{background: #3e7ee7;color: #fff}
         .el-tabs__item:after{width: 14px;height: 14px;content: "";display: inline-block;border-radius: 50%;background: #888;position: absolute;bottom: -28px;left: 50%;margin-left: -7px;}
         .el-tabs__item.is-active:after{background: #3e7ee7;}
-        .el-tabs__content{overflow: unset}
+        .el-tabs__content{overflow: visible}
       }
 
       // 企业发展历程内容部分
       li{
-        width: 25%;display: inline-block;padding: 36px 24px 60px;background:#fbfbfb;box-sizing: border-box;
+        width: 25%;display: inline-block;padding: 36px 24px 60px;background:#fbfbfb;box-sizing: border-box;min-height: 196px;vertical-align: top;
         div{width: 250px;border-bottom: 1px solid #eee;}
         img{margin-bottom: 14px;}
         i{min-width:34px;display:inline-block;color: #3e7ee7;font-style: normal;margin-right: 10px;}
@@ -538,33 +541,35 @@
 
     // 联系我们
     .contact-us-box{
-      height: 534px;
-      padding-top: 80px;
+      padding: 80px 0;
       border-top: 1px solid #ddd;
       .contact-container-box{
         width: 460px;
         padding: 0 40px;
         box-sizing: border-box;
         color: rgba(0,0,0,0.85);
-        h4{@include setFontStyle(10);margin-bottom: 32px;}
+        float: left;
+        h4{@include setFontStyle(10);color: #3e7ee7;margin-bottom: 60px;margin-top: 20px;}
+        h5{@include setFontStyle(0);color: #333;margin-bottom: 32px;}
         li{
+          margin-bottom: 24px;
           i{width: 22px;height: 24px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 16px;vertical-align: middle;}
-          span{@include setFontStyle(0);vertical-align: middle;}
-          p{@include setFontStyle(-4);color: rgba(0,0,0,0.64);line-height: 24px;margin: 20px 0 24px;}
+          span{@include setFontStyle(-4);color: rgba(0,0,0,0.64);vertical-align: middle;}
         }
-        li:nth-child(2) {
+        li:nth-child(3) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon1.png");}
         }
-        li:nth-child(3) {
+        li:nth-child(4) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon2.png");}
         }
-        li:nth-child(4) {
+        li:nth-child(5) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon3.png");}
         }
-        li:nth-child(5) {
+        li:nth-child(6) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon4.png");}
         }
       }
+      img{float: right}
     }
 
   }

pages/introduction/index.vue

@@ -73,6 +73,7 @@
                 <p><i>4月</i><span>麦塔SaaS版产品发布</span></p>
                 <p><i>8月</i><span>企业用户已突破15万</span></p>
               </li>
+              <li></li>
             </ul>
           </el-tab-pane>
         </el-tabs>
@@ -84,37 +85,30 @@
 
     <!-- 企业文化 -->
     <div class="corporate-culture-box">
-      <div class="client-container-middle">
+      <div class="client-container">
         <h4 class="client-title mb40">企业文化</h4>
-        <dl>
-          <dt><i></i><span>核心价值观</span></dt>
-          <dd>共同成长，相伴一生</dd>
-          <dt><i></i><span>企业愿景</span></dt>
-          <dd>成为一流的教育软件公司</dd>
-          <dt><i></i><span>企业使命</span></dt>
-          <dd>让学习变得更轻松</dd>
-          <dt><i></i><span>服务标准</span></dt>
-          <dd>只有客户的成功，才有我们的成功</dd>
-        </dl>
-        <img :src="corporateCultureImg" alt="企业文化">
+        <ul>
+          <li><div><i></i><h5>核心价值观</h5><p>共同成长，相伴一生</p></div></li>
+          <li><div><i></i><h5>企业愿景</h5><p>成为一流的教育软件公司</p></div></li>
+          <li><div><i></i><h5>企业使命</h5><p>让学习变得更轻松</p></div></li>
+          <li><div><i></i><h5>服务标准</h5><p>只有客户的成功，才有我们的成功</p></div></li>
+        </ul>
       </div>
     </div>
 
 
     <!-- 联系我们 -->
     <div class="client-container">
-      <div class="contact-us-box">
+      <div class="contact-us-box fn-clear">
         <ul class="contact-container-box">
           <h4>联系我们</h4>
-          <li><i></i><span>咨询QQ</span>
-            <p>2956600477/3375245762</p></li>
-          <li><i></i><span>联系电话</span>
-            <p>400-052-2130</p></li>
-          <li><i></i><span>公司邮箱</span>
-            <p>service@llisoft.com</p></li>
-          <li><i></i><span>公司地址</span>
-            <p>大连市沙河口区数码路北段25号201室</p></li>
+          <h5>资讯及商务合作</h5>
+          <li><i></i><span>400-052-2130</span></li>
+          <li><i></i><span>2956600477/3375245762</span></li>
+          <li><i></i><span>service@llisoft.com</span></li>
+          <li><i></i><span>大连市沙河口区数码路北段25号201室</span></li>
         </ul>
+        <img :src="contactUsImg" alt="联系我们" />
       </div>
     </div>
 
@@ -138,7 +132,6 @@
         // 公司简介图片
         companyProfileImg:    require(`~/static/images/client/aboutUs/company-profile-img.png`),
         brandIntroductionImg: require(`~/static/images/client/aboutUs/aboutUs-logo.png`),
-        corporateCultureImg:  require(`~/static/images/client/aboutUs/corporate-culture-img.png`),
         // 企业发展历程
         enterpriseDevImg1:  require(`~/static/images/client/aboutUs/enterprise-development-img1.png`),
         enterpriseDevImg2:  require(`~/static/images/client/aboutUs/enterprise-development-img2.png`),
@@ -147,6 +140,8 @@
         enterpriseDevImg5:  require(`~/static/images/client/aboutUs/enterprise-development-img5.png`),
         enterpriseDevImg6:  require(`~/static/images/client/aboutUs/enterprise-development-img6.png`),
         enterpriseDevImg7:  require(`~/static/images/client/aboutUs/enterprise-development-img7.png`),
+        // 联系我们
+        contactUsImg:  require(`~/static/images/client/aboutUs/contact-us-img.png`),
         // 企业发展历程默认tab页
         activeName: 'first'
       };