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

      <div class="bottonmcont">
        <p>联系电话：400-888-888&emsp;公司地址：XX市XX区XX楼XX号&emsp;公司邮箱：XXXX@XXX.com</p>
      </div>

      <div class="bottonmcont">
        <p>Copyright © 2014-2025,www.xxxxx.com,All rights reserved</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: [
        { Id: 1,
          Index: 1,
          NavigationName: "首页",
          RId: 0,
          TwoNavigation: [],
          Url: "/index"
        },
        // { Id: 2,
        //   Index: 2,
        //   NavigationName: "|",
        //   RId: 0,
        //   TwoNavigation: [],
        //   // Url: "/sharon"
        // },
        { Id: 3,
          Index: 3,
          NavigationName: "医政沙龙",
          RId: 0,
          TwoNavigation: [],
          Url: "/sharon"
        },
        // { Id: 4,
        //   Index: 4,
        //   NavigationName: "|",
        //   RId: 0,
        //   TwoNavigation: [],
        //   // Url: "/sharon"
        // },
        { Id: 5,
          Index: 5,
          NavigationName: "医政新闻",
          RId: 0,
          TwoNavigation: [],
          Url: "news"
        },
        // { Id: 6,
        //   Index: 6,
        //   NavigationName: "|",
        //   RId: 0,
        //   TwoNavigation: [],
        //   // Url: "news"
        // },
        { Id: 7,
          Index: 7,
          NavigationName: "新规新政",
          RId: 0,
          TwoNavigation: [],
          Url: "/newrules"
        },
        //  { Id: 8,
        //   Index: 8,
        //   NavigationName: "|",
        //   RId: 0,
        //   TwoNavigation: [],
        //   // Url: "news"
        // },
        { Id: 9,
          Index: 9,
          NavigationName: "案例分享",
          RId: 0,
          TwoNavigation: [],
          Url: "/case"
        },
        // { Id: 10,
        //   Index: 10,
        //   NavigationName: "|",
        //   RId: 0,
        //   TwoNavigation: [],
        //   // Url: "news"
        // },
        { Id: 11,
          Index: 11,
          NavigationName: "行业百科",
          RId: 0,
          TwoNavigation: [],
          Url: "/industry"
        },
        // { Id: 12,
        //   Index: 12,
        //   NavigationName: "|",
        //   RId: 0,
        //   TwoNavigation: [],
        //   // Url: "news"
        // },
        { Id: 13,
          Index: 13,
          NavigationName: "服务项目",
          RId: 0,
          TwoNavigation: [],
          Url: "/service"
        },
        // { Id: 14,
        //   Index: 14,
        //   NavigationName: "|",
        //   RId: 0,
        //   TwoNavigation: [],
        //   // Url: "news"
        // },
        { Id: 15,
          Index: 15,
          NavigationName: "关于我们",
          RId: 0,
          TwoNavigation: [],
          Url: "/about"
        },
      ]

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

  methods: {
    // async loadData() {
    //   const response = await this.$http.get('navigation');
    //   if (response.data.Code === 200) {
    //     // this.footer = response.data.Message;
    //     // console.log(this.footer)
    //   }
    // }
  }
};
</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>
