<template>
  <div>
    <h-nav />
    <div class="inner my-1">
      <bread-crumb :arr="arr" />
    </div>
    <banner :show-page="showPage" />
    <div class="inner">
      <div class="white my-5 d-flex flex-nowrap">
        <img src="~assets/gywm01.jpg" />
        <div class="d-flex flex-column pa-5">
          <img class="mb-3" src="~assets/gywm02.png" style="width:96px;height:41px" />
          <rich-text :title="title" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Banner from 'components/Banner/Banner.vue';
import HNav from './../components/HNav.vue';
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
import RichText from 'components/Introduce/RichText.vue';

export default {
  name: 'Introduce',
  components: { Banner, HNav, BreadCrumb, RichText },

  // mounted() {
  //   window.addEventListener('scroll', this.handleScroll);
  //   setTimeout(() => {
  //     document.querySelector('#nav').scrollIntoView({
  //       behavior: 'smooth', // 平滑过渡
  //       block: 'start', // 上边框与视窗顶部平齐
  //     });
  //   }, 2000);
  // },

  data() {
    return {
      title: '关于我们-公司介绍',
      showPage: 11,
      arr: [
        { name: '关于我们', url: '/About/Introduce' },
        { name: '公司介绍', url: '' },
      ],
    };
  },

  methods: {},
};
</script>

<style lang="stylus" scoped>
.inner {
  margin: 40px auto;
}
</style>
