<template>
  <div>
    <h-nav />
    <div class="inner">
      <bread-crumb :arr="arr" />
      <div class="py-5">
        <derive-enterprise :title="title" :type-ofP-platform="typeOfPlatform" />
      </div>
    </div>
  </div>
</template>

<script>
import { mapState, mapMutations, mapActions } from 'vuex';
import HNav from './../components/HNav.vue';
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
import DeriveEnterprise from 'components/Introduce/DeriveEnterprise.vue';

export default {
  name: 'Partner',
  components: { HNav, BreadCrumb, DeriveEnterprise },
  data() {
    return {
      title: '衍生企业',
      typeOfPlatform: '关于我们',
      arr: [
        { name: '关于我们', url: '/About/Introduce' },
        { name: '衍生企业', url: '' },
      ],
    };
  },
};
</script>

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