zhongde-website/pages/about/contact.vue

<template>
  <div class="container">
    <abount-header :title="title" :bgImage="bgImage"></abount-header>
    <!-- 优质输出平台 -->
    <div class="quality">
      <div class="q-title title-zh">全球优质教育内容输出平台</div>
      <div class="q-content w1200">
        <div>1111</div>
      </div>
    </div>
  </div>
</template>

<script>
import AbountHeader from '~/components/about/header';

export default {
  data() {
    return {
      title: '联系我们',
      bgImage: require('~/assets/images/about/about_contact.png'),
    }
  },
  components: {
    AbountHeader,
  },
  methods: {

  }
}
</script>

<style lang="scss" scoped>
@import "~static/common/style.sass";

.title-zh {
  height: 81px;
  line-height: 81px;
  font-size: 58px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  letter-spacing: 1px;
  text-align: center;
}


.quality {
  background: url('~assets/images/about/contact_bg_01.png') 100% 100% no-repeat;
  .q-content {
  }
}

</style>