关于我们开发

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

@@ -452,120 +452,53 @@
 
     // 公司简介
     .company-profile-box{
-      padding-bottom: 48px;
       font-size: 0;
 
-      img{margin: 48px auto;display: block;}
-      p{@include setFontStyle(-2);color: rgba(0,0,0,0.65);line-height: 40px;text-align: justify;margin: 0 60px}
-    }
-
-    // 品牌介绍
-    .brand-introduction-box{
-      .brand-introduction-content{
-        width: 100%;
-        padding: 42px;
-        box-sizing: border-box;
-        background: #fbfbfb;
-        border-radius: 8px;
-        float: right;
-        .brand-introduction-left{
-          display: inline-block;
-          vertical-align: middle;
-          padding-right: 42px;
-          border-right: 1px solid #ddd;
-          h4{@include setFontStyle(6);color: rgba(0,0,0,0.75);margin-bottom: 36px}
-          img{margin-bottom: 36px;}
-        }
-        span{width: 740px;@include setFontStyle(-4);color: rgba(0,0,0,0.65);line-height: 40px;display: inline-block;vertical-align: middle;padding-left: 42px;text-align: justify;}
-
-      }
+      img{width: 375px;margin: 48px auto 8px;display: block;}
+      i{width: 340px;height: 4px;background: rgba(0, 174, 186, 1);display: block;margin: 0 auto 24px;}
+      p{font-size: 18px;color: rgb(16, 16, 16);line-height: 24px;text-align: justify;margin: 24px 60px}
     }
 
     // 企业文化
     .corporate-culture-box{
-      padding-bottom: 80px;
+      ul{display: flex;justify-content: center;flex-wrap: wrap;}
       li{
-        width:25%;
+        width:42%;
         display: inline-block;
         vertical-align: middle;
         div{
-          margin-right: 16px;
-          margin-bottom: 16px;
-          padding: 40px 0;
-          border: 6px solid #f7f7f7;
-          text-align: center;
-          i{width: 70px;height: 70px;display:inline-block;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;}
+          width: 390px;height: 195px;background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0.5);background-blend-mode: overlay;
+          border-radius: 8px;margin: 46px auto;text-align: center;
+          p{font-size:20px;color: #fff;line-height: 195px;}
         }
       }
-      li:nth-child(1){i{background-image: url("~static/images/client/aboutUs/corporate-culture-icon1.png");} }
-      li:nth-child(2){i{background-image: url("~static/images/client/aboutUs/corporate-culture-icon2.png");} }
-      li:nth-child(3){i{background-image: url("~static/images/client/aboutUs/corporate-culture-icon3.png");} }
-      li:nth-child(4){i{background-image: url("~static/images/client/aboutUs/corporate-culture-icon4.png");} }
-      li:last-child{
-        div{margin-right: 0;}
-      }
-    }
-
-    // 企业发展历程
-    .enterprise-development-box{
-      // 覆盖饿了么tab样式
-      .enterprise-development-tab{
-        .el-tabs__nav-wrap::after,.el-tabs__active-bar{display: none;}
-        .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: 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: visible}
-      }
-
-      // 企业发展历程内容部分
-      li{
-        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;}
-        p{@include setFontStyle(-4);color: rgba(0,0,0,.65);margin-top: 14px;}
-      }
+      li:nth-child(1){div{background-image: url("~static/images/client/aboutUs/corporate-culture-icon1.png");} }
+      li:nth-child(2){div{background-image: url("~static/images/client/aboutUs/corporate-culture-icon2.png");} }
+      li:nth-child(3){div{background-image: url("~static/images/client/aboutUs/corporate-culture-icon3.png");} }
+      li:nth-child(4){div{background-image: url("~static/images/client/aboutUs/corporate-culture-icon4.png");} }
     }
 
     // 联系我们
     .contact-us-box{
-      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);
-        float: left;
-        h4{@include setFontStyle(10);color: #3e7ee7;margin-bottom: 60px;margin-top: 20px;}
-        h5{@include setFontStyle(0);color: #333;margin-bottom: 32px;}
+        ul{margin: 24px 0 48px;}
         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(-4);color: rgba(0,0,0,0.64);vertical-align: middle;}
+          width: 50%;margin: 24px 0;display: inline-block;vertical-align: middle;
+          i{width: 30px;height: 30px;display: inline-block;background-repeat: no-repeat;background-position: center;background-size: cover;margin-right: 16px;vertical-align: middle;}
+          span{font-weight: 700;font-size: 25px;color: rgb(16, 16, 16);display: inline-block;vertical-align: middle;}
         }
-        li:nth-child(3) {
+        li:nth-child(1) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon1.png");}
         }
-        li:nth-child(4) {
+        li:nth-child(2) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon2.png");}
         }
-        li:nth-child(5) {
+        li:nth-child(3) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon3.png");}
         }
-        li:nth-child(6) {
+        li:nth-child(4) {
           i {background-image: url("~static/images/client/aboutUs/contact-us-icon4.png");}
         }
-      }
-      img{float: right}
+      img{max-width: 100%;display: block;}
     }
     @media (max-width: 768px){
       // banner
@@ -580,20 +513,6 @@
         p{@include setFontStyle(-6);color: rgba(85, 85, 85, 1);line-height: 24px;margin: 0 10px 6px;}
       }
 
-      // 品牌介绍
-      .brand-introduction-box{
-        background-color: rgb(238, 238, 238);
-        .brand-introduction-content{
-          background-color: transparent;padding: 24px 10px;
-          .brand-introduction-left{
-            display: block;border-right:0;padding-right:0;
-            h4{font-size: 18px;color: rgba(0, 0, 0, 1);text-align: center;margin-bottom: 20px;font-weight: 700;}
-            img{margin: 0 auto 24px;max-width: 230px;display: block;}
-          }
-          span{width: 100%;display: block;padding-left: 0;font-size: 14px;color: rgba(85, 85, 85, 1);line-height: 24px;}
-        }
-      }
-
       // 企业文化
       .corporate-culture-box{
         padding: 50px 0 0;
@@ -608,22 +527,6 @@
         }
       }
 
-      // 联系我们
-      .contact-us-box{
-        padding: 54px 10px 0;border: 0;line-height: 1;font-size: 0;
-        .contact-container-box{
-          width: 100%;
-          padding: 0;
-          color: rgba(0,0,0,0.85);
-          float: unset;
-          h4{@include setFontStyle(-2);font-weight: 700;color: rgba(0, 0, 0, 1);margin-bottom: 24px;margin-top:0;text-align: center;}
-          h5{@include setFontStyle(-4);font-weight: 700;color: rgba(0, 0, 0, 1);margin-bottom: 24px;}
-          li{
-            span{color: rgba(0,0,0,0.54);}
-          }
-        }
-        img{float: unset;width: calc(100% + 50px);margin: 0 -25px;}
-      }
     }
   }
 

pages/introduction/index.vue

@@ -9,108 +9,40 @@
     <div class="company-profile-box">
       <div class="client-container">
           <img :src="companyProfileImg" alt="公司简介">
-          <p>大连栋科软件工程有限公司是专业的教育软件与数字化资源服务供应商，创立于2007年，总部位于大连软件园。</p>
-          <p>公司凭借成熟的项目研发和管理经验，致力于为客户提供全方位的在线教育解决方案，实现移动化、平台化、知识化、智能化学习管理模式，让学习变得更轻松。“共同成长、相伴一生”是栋科软件始终不渝的核心价值观。栋科软件将一如既往，持续创新、创造价值，与客户、合作伙伴共享共赢。</p>
+          <i></i>
+          <p>沈阳久创锐康科技有限公司是专业的教育软件供应商。</p>
+          <p>公司主营业务包括：中小学、高中、各大高校的教育软件产品、企业在线培训解决方案、在线考试软件产品，及相关平台服务等。目前，公司拥有办公基础软件研发、教育动漫产品研发、在线培训运营、数据测试、线上售后服务等事业部。</p>
+          <p>凭借创新的技术、高效的服务响应和强大的战略执行，久创锐康为用户打造可靠、优质、安全易用的教育软件产品及优质专业的内容制作服务。</p>
       </div>
     </div>
 
-    <!-- 品牌介绍 -->
-    <div class="brand-introduction-box">
-      <div class="client-container fn-clear">
-        <div class="brand-introduction-content">
-          <div class="brand-introduction-left">
-            <h4>品牌介绍</h4>
-            <img :src="brandIntroductionImg" alt="品牌介绍">
-          </div>
-          <span>MTA是Master of Training  Administration的缩写，含义是培训管理专家，麦塔致力于为客户提供专业的在线教育方案，打造企业核心竞争力。麦塔品牌诞生于2009年，公司创始团队多年来一直深耕在线教育领域，积累了丰富的行业经验。研发团队集结了来自互联网、科技、教育等多个领域专家级研发工程师，率先实现了移动化、平台化、知识化、智能化的学习管理模式。麦塔肩负着“改变互联网教育未来”的使命，持续创新、创造价值，与客户和合作伙伴共享共赢。</span>
-        </div>
-      </div>
-    </div>
-
-    <!-- 企业发展历程 -->
-    <div class="enterprise-development-box mta-hidden-xs">
-      <h4 class="client-title mb40">企业发展历程</h4>
-      <div class="client-container fn-clear">
-        <el-tabs v-model="activeName" class="enterprise-development-tab">
-          <el-tab-pane label="2008年-2014年" name="first">
-            <ul>
-              <li>
-                  <div><img :src="enterpriseDevImg1" alt="企业发展历程"></div>
-                  <p><i>3月</i><span>栋科软件正式注册成立</span></p>
-                  <p><i>5月</i><span>公司课件开发部门组建完毕</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg2" alt="企业发展历程"></div>
-                <p><i>5月</i><span>麦塔1.0考培系统发布</span></p>
-                <p><i>6月</i><span>正式进军企培行业</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg3" alt="企业发展历程"></div>
-                <p><i>3月</i><span>与步步高展开合作</span></p>
-                <p><i>6月</i><span>麦塔网校版正式研发成功</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg4" alt="企业发展历程"></div>
-                <p><i>3月</i><span>麦塔2.0产品发布</span></p>
-                <p><i>8月</i><span>成立全国推广事业部</span></p>
-              </li>
-            </ul>
-          </el-tab-pane>
-          <el-tab-pane label="2016年-现在" name="second">
-            <ul class="enterprise-second-ul">
-              <li>
-                <div><img :src="enterpriseDevImg5" alt="企业发展历程"></div>
-                <p><i>8月</i><span>麦塔3.0产品发布</span></p>
-                <p><i>12月</i><span>企业用户突破4万</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg6" alt="企业发展历程"></div>
-                <p><i>7月</i><span>麦塔4.0产品发布</span></p>
-                <p><i>12月</i><span>课程开发时长超2万小时</span></p>
-              </li>
-              <li>
-                <div><img :src="enterpriseDevImg7" alt="企业发展历程"></div>
-                <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>
-      </div>
-
-
-
-    </div>
-
-    <!-- 企业文化 -->
+    <!-- 我们提供什么 -->
     <div class="corporate-culture-box">
       <div class="client-container">
-        <h4 class="client-title mb40">企业文化</h4>
+        <h4 class="client-title">我们提供什么</h4>
         <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>
+          <li><div><p>在线考试系统的租赁/采购</p></div></li>
+          <li><div><p>在线培训系统的租赁/采购</p></div></li>
+          <li><div><p>课程定制开发服务</p></div></li>
+          <li><div><p>企业通用类课程资源</p></div></li>
         </ul>
       </div>
     </div>
 
 
-    <!-- 联系我们 -->
-    <div class="client-container">
-      <div class="contact-us-box fn-clear">
-        <ul class="contact-container-box">
-          <h4>联系我们</h4>
-          <h5>咨询及商务合作</h5>
-          <li><i></i><span>400-052-2130</span></li>
-          <li><i></i><span>1713483622/3205144194</span></li>
-          <li><i></i><span> lwfeng@llisoft.com</span></li>
-          <li><i></i><span>大连市沙河口区数码路北段25号201室</span></li>
+      <!-- 联系我们 -->
+      <div class="contact-us-box">
+        <h4 class="client-title">联系我们</h4>
+        <div class="client-container">
+          <ul>
+            <li><i></i><span>咨询QQ：2956600477/3375245762</span></li>
+            <li><i></i><span>联系电话：133-9001-70XX</span></li>
+            <li><i></i><span>公司邮箱：service@XXXXXX.com</span></li>
+            <li><i></i><span>公司地址：沈阳市和平区文体路4-2号602室</span></li>
         </ul>
+        </div>
         <img :src="contactUsImg" alt="联系我们" />
       </div>
-    </div>
 
   </div>
 
@@ -130,7 +62,7 @@
         // banner 图片
         aboutUsBannerImg:    require(`~/static/images/client/aboutUs/aboutUs-banner-img.png`),
         // 公司简介图片
-        companyProfileImg:    require(`~/static/images/client/aboutUs/company-profile-img.png`),
+        companyProfileImg:    require(`~/static/images/client/component/nav-logo.png`),
         brandIntroductionImg: require(`~/static/images/client/aboutUs/aboutUs-logo.png`),
         // 企业发展历程
         enterpriseDevImg1:  require(`~/static/images/client/aboutUs/enterprise-development-img1.png`),