<template>
  <a-config-provider :locale="zh_CN">
    <div id="app">
      <HeadNav />
      <Carousel />
      <router-view></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);
  },
};
</script>

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

#app {
  background: transparent;
}
body {
  background: #f5f5f5 !important;
}
body::-webkit-scrollbar {
  width: 0;
}
</style>
