<template>
  <div class="footer">
    <div class="grayNav">
      <div class="bottomNav">
        <span v-for="item in footer"><router-link :to="item.goPageUrl">{{item.name}}</router-link></span>
      </div>

      <div class="bottonmcont">
        <p>联系电话：8610-64439011公司地址：北京市朝阳区安贞西里三区浙江大厦9层 公司邮箱：huaanyixin@163.com</p>
      </div>

      <div class="bottonmcont">
        <p>版权所有：华安医信（北京）管理咨询服务有限公司 保留所有权利 未经授权禁止复制或</p>
      </div>
    </div>

    <div class="whiteNav">
      <div class="bottomNav">
        <span>技术支持：</span>
        <span>建站ABC</span>
        <span>|</span>
        <span>管理登录</span>
      </div>

      <div style="margin-top: 10px;margin-bottom: 15px;">
        <p>非独立域名及认证网站，请勿直接进行款项交易，后果自负!</p>
      </div>
    </div>

  </div>

</template>

<script type="text/javascript">
export default {
  data() {
    return {
      footer: []

    };
  },
  created() {
    this.loadData();
  },

  methods: {
    async loadData() {
      const response = await this.$http.get(`biz/menus`);
      if (response.data.code === 1) {
        this.loading = false;
        this.footer = response.data.responseData;
      }
    },
  }
};
</script>

<style type="text/css" scoped>
.footer{
  position: relative;
  text-align: center;
  margin-top: 20px;
  /*padding:44px 0;*/
}
.footer .grayNav {
  background-color: #8f8f8f;
  height: 120px;
}
.footer .bottomNav {
  padding-top: 20px;
}
.footer .bottomNav span a {
  font-size: 12px;
  color: #fff;
}
.footer .bottomNav span {
  margin-left: 10px;
}
.footer .bottonmcont {
  margin-top: 15px;
}
.footer .bottonmcont p {
  font-size: 12px;
  color: #fff;
}
.footer .whiteNav {
  height: 60px;
  background-color: #fff;
  color: #666666;
  font-size: 12px;
}
</style>
