<template>
  <div class="about">
    <div class="jg"></div>
    <!-- 内容区域 -->
    <xhcontent
      :bodyList="bodyList"
      :titleN="titleN"
      :title="title"
      :titleEN="titleEN"
    >
      <!-- 子路由 -->
      <router-view></router-view>
    </xhcontent>
  </div>
</template>

<script>
// @ is an alias to /src
import xhcontent from "../components/xhcontent";
// import {BmMarker} from 'vue-baidu-map'

export default {
  name: "About",
  metaInfo: {
    title: "联系我们",
  },
  components: {
    xhcontent,
  },
  data() {
    return {
      bodyList: [{title: '联系我们', path: 'contact'}],
      titleN: 'J',
      title: '联系我们',
      titleEN: 'OIN US'
    };
  },
  mounted() {
    // this.lng = 116.404
    // this.lat = 39.915
    // this.zoom = 20
  },
};
</script>

<style lang="scss" scoped>
.jg {
  height: 10px;
}
.about {
  line-height: 1;
  .top {
    width: 100%;
    height: 612px;
    .top-img {
      width: 100%;
      height: 100%;
    }
  }
}
</style>
