You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.3 KiB
70 lines
1.3 KiB
<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>
|
|
|