nuxtProject/pages/introduction/index.vue

<template>
  <div class="client-aboutUs-page">
    <!-- 关于我们banner栏 -->
    <div class="aboutUs-banner">
      <div :style="{backgroundImage: `url(${aboutUsBannerImg})`}"></div>
    </div>

    <!-- 公司简介 -->
    <div class="company-profile-box">
      <div class="client-container">
          <img :src="companyProfileImg" alt="公司简介">
          <i></i>
          <p>沈阳久创锐康科技有限公司是专业的教育软件供应商。</p>
          <p>公司主营业务包括：中小学、高中、各大高校的教育软件产品、企业在线培训解决方案、在线考试软件产品，及相关平台服务等。目前，公司拥有办公基础软件研发、教育动漫产品研发、在线培训运营、数据测试、线上售后服务等事业部。</p>
          <p>凭借创新的技术、高效的服务响应和强大的战略执行，久创锐康为用户打造可靠、优质、安全易用的教育软件产品及优质专业的内容制作服务。</p>
      </div>
    </div>

    <!-- 我们提供什么 -->
    <div class="corporate-culture-box">
      <div class="client-container">
        <h4 class="client-title">我们提供什么</h4>
        <ul>
          <li><div @click="goExamPage"><p>在线考试系统的租赁/采购</p></div></li>
          <li><div @click="goPeixun"><p>在线培训系统的租赁/采购</p></div></li>
          <li><div @click="goKechengPage"><p>课程定制开发服务</p></div></li>
          <li><div @click="goKechengZyPage"><p>企业通用类课程资源</p></div></li>
        </ul>
      </div>
    </div>


      <!-- 联系我们 -->
      <div class="contact-us-box">
        <h4 class="client-title">联系我们</h4>
        <div class="client-container">
          <ul>
            <li><i></i><span>咨询QQ：3205144194/1713483622</span></li>
            <li><i></i><span>联系电话：18642628327</span></li>
            <li><i></i><span>公司邮箱：service_024@163.com</span></li>
            <li><i></i><span>公司地址：沈阳市和平区文体路4-2号602室</span></li>
        </ul>
        </div>
        <img :src="contactUsImg" alt="联系我们" />
      </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/component/nav-logo.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:'沈阳久创锐康科技有限公司致力于应用新型互联网技术融合在线教育，拥有强大的产品团队、技术团队、客户服务团队，是专业化的云考试、云培训服务商，公司主营业务包括：教育教学软件产品、企业在线培训解决方案、\n' +
                      '在线考试软件产品，及相关平台服务等，适用于各种在线考试、练习、学习、培训、作业、竞赛及笔试。'
          }
        ],
      }
    },
    computed: {},
    methods:  {
      goExamPage(){
        this.$router.push({ name: 'examsystem' });
      },
      goPeixun(){
        this.$router.push({ name: 'trainsystem' });
      },
      goKechengPage(){
        this.$router.push({ name: 'courseware' });
      },
      goKechengZyPage(){
        this.$router.push({ name: 'courseResource' });
      },
    },
    created() {

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

</style>