<template>
  <div class="wrap">
    <div class="main layout align_center justify_center">
      <p class="address">地址：{{address}}</p>
      <p class="sn">备案号：{{beian}} ©版权所有：{{banquan}}</p>
    </div>
  </div>
</template>
<script>
import { post } from "@/api/http";
export default {
  name: "bottom",
  data() {
    return {
      address: "",
      beian: "",
      banquan: ""
    };
  },
  methods: {
    // 底部信息
    footerData() {
      let url = "/api/common/footer_data";
      post(url).then(res => {
        this.address = res.address;
        this.beian = res.beian;
        this.banquan = res.banquan;
      });
    }
  },
  mounted() {
    this.footerData();
  }
};
</script>
<style scoped>
.wrap {
  width: 100%;
  background-color: #f2f5fa;
}
.main {
  height: 79px;
  width: 1200px;
  margin: 0 auto;
  font-size: 12px;
}

.address {
  color: #5b5e63;
}
.sn {
  color: #bdc4ce;
  margin-left: 65px;
}
</style>