<template>
  <a-config-provider :locale="zh_CN">
    <div id="app">
      <HeadNav />
      <Carousel />
      <router-view style="min-height: 1170px"></router-view>
      <Footer />
    </div>
  </a-config-provider>
</template>

<script>
import { mapState } from 'vuex';
import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
import HeadNav from '@/components/HeadNav/HeadNav.vue';
import Footer from '@/components/Footer/Footer.vue';
import Carousel from '@/components/Carousel/Carousel.vue';

export default {
  name: 'App',
  components: { HeadNav, Footer, Carousel },
  data() {
    return { zh_CN };
  },

  computed: mapState('user', ['anyringToken']),
  updated() {
    window.scroll(0, 0);
  },
  created() {
    console.log(this.$route);
  },
};
</script>

<style>
html,
body,
#app {
  min-height: 100%;
}

#app {
  background: transparent;
}
body {
  /* background: #f5f5f5 !important; */
  color: rgba(0, 0, 0, 1);
}
body::-webkit-scrollbar {
  width: 0;
}
.bg-top {
  position: relative;
  top: 0;
  width: 100%;
  background: url(./assets/bg-bottom.png) bottom no-repeat;
  min-height: 1170px;
  padding-bottom: 400px;
  background-size: 100%;
}
.bg-bottom {
  position: relative;
  bottom: 0;
  width: 100%;
  background: url(./assets/bg-top.png) top no-repeat;
  background-size: 100%;
  /* padding-bottom: 100px; */
}
</style>
