|
@@ -1,31 +1,11 @@
|
|
|
<template>
|
|
|
- <div class="website-index-page">
|
|
|
+ <div class="client-index-page">
|
|
|
<!-- 首页导航栏 -->
|
|
|
<mta-header></mta-header>
|
|
|
- <!-- <nav class="website-head">
|
|
|
- <div class="website-container head-layout">
|
|
|
- <div class="head-left">
|
|
|
- <a></a>
|
|
|
- <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal"
|
|
|
- @select="handleSelect">
|
|
|
- <el-menu-item index="首页">首页</el-menu-item>
|
|
|
- <el-menu-item index="考试平台">考试平台</el-menu-item>
|
|
|
- <el-menu-item index="培训平台">培训平台</el-menu-item>
|
|
|
- <el-menu-item index="课程开发">课程开发</el-menu-item>
|
|
|
- <el-menu-item index="新闻资讯">新闻资讯</el-menu-item>
|
|
|
- <el-menu-item index="帮助中心">帮助中心</el-menu-item>
|
|
|
- <el-menu-item index="关于我们">关于我们</el-menu-item>
|
|
|
- </el-menu>
|
|
|
- </div>
|
|
|
- <div class="head-right">
|
|
|
- <i></i><span>4000-522-130</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </nav>-->
|
|
|
|
|
|
<!-- 首页banner栏 -->
|
|
|
- <div class="website-banner">
|
|
|
- <div class="website-container">
|
|
|
+ <div class="client-banner">
|
|
|
+ <div class="client-container">
|
|
|
<!-- banner左侧区域 -->
|
|
|
<div class="banner-left">
|
|
|
<h1>让知识更有价值</h1>
|
|
@@ -49,9 +29,9 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 产品和服务 -->
|
|
|
- <div class="website-products-services">
|
|
|
- <div class="website-container">
|
|
|
- <h1 class="website-index-title">产品和服务</h1>
|
|
|
+ <div class="client-products-services">
|
|
|
+ <div class="client-container">
|
|
|
+ <h1 class="client-index-title">产品和服务</h1>
|
|
|
<ul class="products-services-box">
|
|
|
<li>
|
|
|
<div class="products-services-img"><i></i></div>
|
|
@@ -82,9 +62,9 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 行业学习需求 -->
|
|
|
- <div class="website-demand-box">
|
|
|
- <div class="website-container">
|
|
|
- <h1 class="website-index-title">满足不同行业学习需求</h1>
|
|
|
+ <div class="client-demand-box">
|
|
|
+ <div class="client-container">
|
|
|
+ <h1 class="client-index-title">满足不同行业学习需求</h1>
|
|
|
<ul class="industry-box">
|
|
|
<li><img :src="demandImg1" alt="政府机构"><div><h2>政府机构</h2><p>提高行政服务人员的综合素质和能力的提升,党建知识的考核等</p><a>了解更多</a></div></li>
|
|
|
<li><img :src="demandImg2" alt="医药卫生"><div><h2>医药卫生</h2><p>应对种类繁多的专业医疗资格考试,“三基、三严”考试,辅助人才队伍建设</p><a>了解更多</a></div></li>
|
|
@@ -103,9 +83,9 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 超过10万家客户的信任之选 -->
|
|
|
- <div class="website-customer-box">
|
|
|
- <div class="website-container">
|
|
|
- <h1 class="website-index-title">超过10万家客户的信任之选</h1>
|
|
|
+ <div class="client-customer-box">
|
|
|
+ <div class="client-container">
|
|
|
+ <h1 class="client-index-title">超过10万家客户的信任之选</h1>
|
|
|
<ul class="customer-img-box">
|
|
|
<li><img :src="customerImg1" alt="中国人民银行"></li>
|
|
|
<li><img :src="customerImg2" alt="汇丰"></li>
|
|
@@ -132,9 +112,9 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 我们始终专注教育系统研发更懂用户需求 -->
|
|
|
- <div class="website-cert-box">
|
|
|
- <div class="website-container">
|
|
|
- <h1 class="website-index-title">我们始终专注教育系统研发更懂用户需求</h1>
|
|
|
+ <div class="client-cert-box">
|
|
|
+ <div class="client-container">
|
|
|
+ <h1 class="client-index-title">我们始终专注教育系统研发更懂用户需求</h1>
|
|
|
<div class="cert-img-box">
|
|
|
<span><img :src="certImg1" alt="栋科考试管理系统"></span>
|
|
|
<span><img :src="certImg2" alt="栋科精品课程管理系统"></span>
|
|
@@ -152,9 +132,9 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 为什么选择我们 -->
|
|
|
- <div class="website-chose-box">
|
|
|
- <div class="website-container">
|
|
|
- <h1 class="website-index-title">为什么选择我们</h1>
|
|
|
+ <div class="client-chose-box">
|
|
|
+ <div class="client-container">
|
|
|
+ <h1 class="client-index-title">为什么选择我们</h1>
|
|
|
<ul class="chose-img-box">
|
|
|
<li><div><i></i></div><h2>专业的顾问服务</h2></li>
|
|
|
<li><div><i></i></div><h2>完善的培训体系</h2></li>
|
|
@@ -165,12 +145,12 @@
|
|
|
</div>
|
|
|
|
|
|
<!-- 行业资讯 -->
|
|
|
- <div class="website-industry-information">
|
|
|
- <h1 class="website-index-title">行业资讯</h1>
|
|
|
+ <div class="client-industry-information">
|
|
|
+ <h1 class="client-index-title">行业资讯</h1>
|
|
|
<el-carousel :interval="200000" type="card" :autoplay="false" arrow="always">
|
|
|
<el-carousel-item v-for="(item,index) in topCarousels" :key="index">
|
|
|
- <div class="website-img-box" :style="{backgroundImage: 'url(' + item.pic + ')'}"></div>
|
|
|
- <div class="website-content-box"><h1>{{item.title}}</h1>
|
|
|
+ <div class="client-img-box" :style="{backgroundImage: 'url(' + item.pic + ')'}"></div>
|
|
|
+ <div class="client-content-box"><h1>{{item.title}}</h1>
|
|
|
<p>{{item.intro}}</p><a @click="checkInfo(item)">了解详情</a></div>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
@@ -178,55 +158,6 @@
|
|
|
|
|
|
<!-- 底部footer -->
|
|
|
<mta-footer></mta-footer>
|
|
|
- <!-- <div class="website-footer">
|
|
|
- <div class="website-container">
|
|
|
- <div class="contact-box">
|
|
|
- <div class="contact-left-box">
|
|
|
- <dl>
|
|
|
- <dt>产品服务</dt>
|
|
|
- <dd>考试平台</dd>
|
|
|
- <dd>培训平台</dd>
|
|
|
- <dd>课程开发</dd>
|
|
|
- </dl>
|
|
|
- <dl>
|
|
|
- <dt>关于栋科</dt>
|
|
|
- <dd>公司简介</dd>
|
|
|
- <dd>加入栋科</dd>
|
|
|
- <dd>联系我们</dd>
|
|
|
- </dl>
|
|
|
- <dl>
|
|
|
- <dt>帮助中心</dt>
|
|
|
- <dd>说明文档</dd>
|
|
|
- <dd>应用下载</dd>
|
|
|
- </dl>
|
|
|
- <dl>
|
|
|
- <dt>法律声明</dt>
|
|
|
- <dd>服务条款</dd>
|
|
|
- <dd>隐私声明</dd>
|
|
|
- <dd>知识维权</dd>
|
|
|
- </dl>
|
|
|
- <dl>
|
|
|
- <dt>关注我们</dt>
|
|
|
- <dd>微信公众号</dd>
|
|
|
- <dd>新浪微博</dd>
|
|
|
- </dl>
|
|
|
- </div>
|
|
|
- <div class="contact-right-box">
|
|
|
- <h3>400-052-2130</h3>
|
|
|
- <p>周一至周日9:00-18:00</p>
|
|
|
- <p>(仅收市话费)</p>
|
|
|
- <a>联系客服</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="link-box">
|
|
|
- <h4>友情链接</h4>
|
|
|
- <div class="link-a-box">
|
|
|
- <a>物流软件</a><a>免费erp管理系统</a><a>物流软件</a><a>免费erp管理系统</a><a>物流软件</a><a>免费erp管理系统</a><a>物流软件</a><a>免费erp管理系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a><a>物流软件</a><a>新零售系统</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <h5>Copyright © 2019 llisoft.com All rights reserved 大连栋科软件工程有限公司 版权所有 辽ICP备09022904号-19</h5>
|
|
|
- </div>
|
|
|
- </div>-->
|
|
|
|
|
|
</div>
|
|
|
</template>
|
|
@@ -241,49 +172,49 @@
|
|
|
data() {
|
|
|
return {
|
|
|
// 需求img
|
|
|
- bannerTelImg: require(`@/assets/images/website/index/index-banner-screen.png`),
|
|
|
- demandImg1: require(`@/assets/images/website/index/index-demand-img1.png`),
|
|
|
- demandImg2: require(`@/assets/images/website/index/index-demand-img2.png`),
|
|
|
- demandImg3: require(`@/assets/images/website/index/index-demand-img3.png`),
|
|
|
- demandImg4: require(`@/assets/images/website/index/index-demand-img4.png`),
|
|
|
- demandImg5: require(`@/assets/images/website/index/index-demand-img5.png`),
|
|
|
- demandImg6: require(`@/assets/images/website/index/index-demand-img6.png`),
|
|
|
- demandImg7: require(`@/assets/images/website/index/index-demand-img7.png`),
|
|
|
- demandImg8: require(`@/assets/images/website/index/index-demand-img8.png`),
|
|
|
- demandImg9: require(`@/assets/images/website/index/index-demand-img9.png`),
|
|
|
- demandImg10: require(`@/assets/images/website/index/index-demand-img10.png`),
|
|
|
- demandImg11: require(`@/assets/images/website/index/index-demand-img11.png`),
|
|
|
- demandImg12: require(`@/assets/images/website/index/index-demand-img12.png`),
|
|
|
+ bannerTelImg: require(`@/assets/images/client/index/index-banner-screen.png`),
|
|
|
+ demandImg1: require(`@/assets/images/client/index/index-demand-img1.png`),
|
|
|
+ demandImg2: require(`@/assets/images/client/index/index-demand-img2.png`),
|
|
|
+ demandImg3: require(`@/assets/images/client/index/index-demand-img3.png`),
|
|
|
+ demandImg4: require(`@/assets/images/client/index/index-demand-img4.png`),
|
|
|
+ demandImg5: require(`@/assets/images/client/index/index-demand-img5.png`),
|
|
|
+ demandImg6: require(`@/assets/images/client/index/index-demand-img6.png`),
|
|
|
+ demandImg7: require(`@/assets/images/client/index/index-demand-img7.png`),
|
|
|
+ demandImg8: require(`@/assets/images/client/index/index-demand-img8.png`),
|
|
|
+ demandImg9: require(`@/assets/images/client/index/index-demand-img9.png`),
|
|
|
+ demandImg10: require(`@/assets/images/client/index/index-demand-img10.png`),
|
|
|
+ demandImg11: require(`@/assets/images/client/index/index-demand-img11.png`),
|
|
|
+ demandImg12: require(`@/assets/images/client/index/index-demand-img12.png`),
|
|
|
// 客户logo
|
|
|
- customerImg1: require(`@/assets/images/website/index/index-customer-img1.png`),
|
|
|
- customerImg2: require(`@/assets/images/website/index/index-customer-img2.png`),
|
|
|
- customerImg3: require(`@/assets/images/website/index/index-customer-img3.png`),
|
|
|
- customerImg4: require(`@/assets/images/website/index/index-customer-img4.png`),
|
|
|
- customerImg5: require(`@/assets/images/website/index/index-customer-img5.png`),
|
|
|
- customerImg6: require(`@/assets/images/website/index/index-customer-img6.png`),
|
|
|
- customerImg7: require(`@/assets/images/website/index/index-customer-img7.png`),
|
|
|
- customerImg8: require(`@/assets/images/website/index/index-customer-img8.png`),
|
|
|
- customerImg9: require(`@/assets/images/website/index/index-customer-img9.png`),
|
|
|
- customerImg10: require(`@/assets/images/website/index/index-customer-img10.png`),
|
|
|
- customerImg11: require(`@/assets/images/website/index/index-customer-img11.png`),
|
|
|
- customerImg12: require(`@/assets/images/website/index/index-customer-img12.png`),
|
|
|
- customerImg13: require(`@/assets/images/website/index/index-customer-img13.png`),
|
|
|
- customerImg14: require(`@/assets/images/website/index/index-customer-img14.png`),
|
|
|
- customerImg15: require(`@/assets/images/website/index/index-customer-img15.png`),
|
|
|
- customerImg16: require(`@/assets/images/website/index/index-customer-img16.png`),
|
|
|
- customerImg17: require(`@/assets/images/website/index/index-customer-img17.png`),
|
|
|
- customerImg18: require(`@/assets/images/website/index/index-customer-img18.png`),
|
|
|
- customerImg19: require(`@/assets/images/website/index/index-customer-img19.png`),
|
|
|
- customerImg20: require(`@/assets/images/website/index/index-customer-img20.png`),
|
|
|
+ customerImg1: require(`@/assets/images/client/index/index-customer-img1.png`),
|
|
|
+ customerImg2: require(`@/assets/images/client/index/index-customer-img2.png`),
|
|
|
+ customerImg3: require(`@/assets/images/client/index/index-customer-img3.png`),
|
|
|
+ customerImg4: require(`@/assets/images/client/index/index-customer-img4.png`),
|
|
|
+ customerImg5: require(`@/assets/images/client/index/index-customer-img5.png`),
|
|
|
+ customerImg6: require(`@/assets/images/client/index/index-customer-img6.png`),
|
|
|
+ customerImg7: require(`@/assets/images/client/index/index-customer-img7.png`),
|
|
|
+ customerImg8: require(`@/assets/images/client/index/index-customer-img8.png`),
|
|
|
+ customerImg9: require(`@/assets/images/client/index/index-customer-img9.png`),
|
|
|
+ customerImg10: require(`@/assets/images/client/index/index-customer-img10.png`),
|
|
|
+ customerImg11: require(`@/assets/images/client/index/index-customer-img11.png`),
|
|
|
+ customerImg12: require(`@/assets/images/client/index/index-customer-img12.png`),
|
|
|
+ customerImg13: require(`@/assets/images/client/index/index-customer-img13.png`),
|
|
|
+ customerImg14: require(`@/assets/images/client/index/index-customer-img14.png`),
|
|
|
+ customerImg15: require(`@/assets/images/client/index/index-customer-img15.png`),
|
|
|
+ customerImg16: require(`@/assets/images/client/index/index-customer-img16.png`),
|
|
|
+ customerImg17: require(`@/assets/images/client/index/index-customer-img17.png`),
|
|
|
+ customerImg18: require(`@/assets/images/client/index/index-customer-img18.png`),
|
|
|
+ customerImg19: require(`@/assets/images/client/index/index-customer-img19.png`),
|
|
|
+ customerImg20: require(`@/assets/images/client/index/index-customer-img20.png`),
|
|
|
//证书图片
|
|
|
- certImg1: require(`@/assets/images/website/index/index-cert-img1.jpg`),
|
|
|
- certImg2: require(`@/assets/images/website/index/index-cert-img2.jpg`),
|
|
|
- certImg3: require(`@/assets/images/website/index/index-cert-img3.jpg`),
|
|
|
- certImg4: require(`@/assets/images/website/index/index-cert-img4.jpg`),
|
|
|
- certImg5: require(`@/assets/images/website/index/index-cert-img5.jpg`),
|
|
|
- certImg6: require(`@/assets/images/website/index/index-cert-img6.jpg`),
|
|
|
- certImg7: require(`@/assets/images/website/index/index-cert-img7.jpg`),
|
|
|
- certImg8: require(`@/assets/images/website/index/index-cert-img8.jpg`),
|
|
|
+ certImg1: require(`@/assets/images/client/index/index-cert-img1.jpg`),
|
|
|
+ certImg2: require(`@/assets/images/client/index/index-cert-img2.jpg`),
|
|
|
+ certImg3: require(`@/assets/images/client/index/index-cert-img3.jpg`),
|
|
|
+ certImg4: require(`@/assets/images/client/index/index-cert-img4.jpg`),
|
|
|
+ certImg5: require(`@/assets/images/client/index/index-cert-img5.jpg`),
|
|
|
+ certImg6: require(`@/assets/images/client/index/index-cert-img6.jpg`),
|
|
|
+ certImg7: require(`@/assets/images/client/index/index-cert-img7.jpg`),
|
|
|
+ certImg8: require(`@/assets/images/client/index/index-cert-img8.jpg`),
|
|
|
activeIndex: '首页',
|
|
|
topCarousels: [],
|
|
|
};
|