nuxtProject/pages/introduction/index.vue

<template>
  <div class="client-aboutUs-page">
    <!-- 关于我们banner栏 -->
    <div class="aboutUs-banner">
      <span><img :src="aboutUsBannerImg" alt="关于我们"></span>
    </div>

    <!-- 公司简介 -->
    <div class="company-profile-box">
      <div class="client-container">
          <!--<img :src="companyProfileImg" alt="公司简介">-->
          <p>大连麦塔软件服务有限公司，是专业的教育软件与数字化资源服务供应商，总部位于大连软件园。</p>
          <p>麦塔软件基于新型互联网技术融合在线教育，致力于为用户提供全方位的在线教育解决方案，其中包括：软件SaaS服务、在线考试培训平台、数字化内容解决方案、企业通用岗位培训方案。</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的缩写，含义是培训管理专家，麦塔致力于为客户提供覆盖全学习场景式的在线教育解决方案。麦塔品牌，率先实现了移动化、平台化、知识化、智能化的学习管理模式，基于SaaS+移动互联+开发平台技术，可以无缝融入企业的业务流程，为用户提供一体化的培训学习解决方案。麦塔肩负着“改变互联网教育未来”的使命，持续创新、创造价值，与客户和合作伙伴共享共赢。</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>
        <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 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> service@llisoft.com</span></li>
          <li><i></i><span>大连市沙河口区数码路北段25号201-2室</span></li>
        </ul>
        <img :src="contactUsImg" alt="联系我们" />
      </div>
    </div>

  </div>


</template>

<script>
  export default {
    name:     'introduction',
    layout:   'templateB',
    asyncData({ store }) {
      // 设置选中菜单
      store.commit('setActiveNav', '/introduction');
    },
    data() {
      return {
        // banner 图片
        aboutUsBannerImg:    require(`~/static/images/client/aboutUs/aboutUs-banner-img.png`),
        // 公司简介图片
        companyProfileImg:    require(`~/static/images/client/aboutUs/company-profile-img.png`),
        brandIntroductionImg: require(`~/static/images/client/aboutUs/aboutUs-logo.png`),
        // 企业发展历程
        enterpriseDevImg1:  require(`~/static/images/client/aboutUs/enterprise-development-img1.png`),
        enterpriseDevImg2:  require(`~/static/images/client/aboutUs/enterprise-development-img2.png`),
        enterpriseDevImg3:  require(`~/static/images/client/aboutUs/enterprise-development-img3.png`),
        enterpriseDevImg4:  require(`~/static/images/client/aboutUs/enterprise-development-img4.png`),
        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'
      };
    },
    head(){
      return {
        title: '麦塔考培系统_大连栋科软件工程有限公司',
        meta: [
          {
            name: 'keywords',
            content: '麦塔考试系统,麦塔培训系统'
          },
          {
            name:'description',
            content:'大连栋科软件工程有限公司是专业的教育软件与数字化资源服务供应商，创立于2007年，总部位于大连软件园。公司凭借成熟的项目研发和管理经验，致力于为客户提供全方位的在线教育解决方案，实现移动化、平台化、知识化、智能化学习管理模式，让学习变得更轻松。'
          }
        ],
      }
    },
    computed: {},
    methods:  {},
    created() {

    },
    mounted() {
    },
    beforeDestroy() {
    },
  };
</script>
<style>

</style>