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="公司简介">
          <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><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="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>


</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:'大连栋科软件工程有限公司是专业的教育软件供应商，2007年，栋科软件创立于大连软件园。公司主营业务包括：中小学、高中、各大高校的教育软件产品、企业在线培训解决方案、在线考试软件产品，及相关平台服务等。目前，公司拥有办公基础软件研发、教育动漫产品研发、在线培训运营、数据测试、线上售后服务等事业部。'
          }
        ],
      }
    },
    computed: {},
    methods:  {},
    created() {

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

</style>