<template>
  <div class="inner">
    <bread-crumb :arr="arr" class="my-1" />
    <!-- 联系我们 -->
    <div>
      <p class="font-bold-24 title-color">联系我们</p>
      <contact />
    </div>
    <!-- 加入我们 -->
    <div>
      <p class="font-bold-24 title-color">加入我们</p>
      <rich-text :title="title" />
      <model class="mt-8" />
    </div>
  </div>
</template>

<script>
import BreadCrumb from 'components/BreadCrumb/BreadCrumb.vue';
import Contact from 'components/Introduce/ContactUs.vue';
import RichText from 'components/Introduce/RichText.vue';
import Model from 'components/Introduce/Model.vue';

export default {
  name: 'ContactUs',
  components: { BreadCrumb, Contact, RichText, Model },
  data() {
    return {
      title: '联系我们',
      arr: [{ name: '联系我们', url: '' }],
    };
  },
};
</script>

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

p {
  margin-top: 2rem;
}
</style>
