You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.3 KiB
Vue
72 lines
1.3 KiB
Vue
<template>
|
|
<a-config-provider :locale="locale">
|
|
<div id="app">
|
|
<router-view v-if="isRouterViewshow" />
|
|
</div>
|
|
</a-config-provider>
|
|
</template>
|
|
<script>
|
|
import zhCn from "ant-design-vue/lib/locale-provider/zh_CN";
|
|
let sp = document.createElement('script')
|
|
sp.src = '//at.alicdn.com/t/c/font_3135652_34tw0b78y6p.js'
|
|
document.body.appendChild(sp)
|
|
export default {
|
|
provide() {
|
|
return {
|
|
reload: this.loader,
|
|
};
|
|
},
|
|
created() {
|
|
console.log(this);
|
|
},
|
|
data() {
|
|
return {
|
|
isRouterViewshow: true,
|
|
locale: zhCn,
|
|
};
|
|
},
|
|
methods: {
|
|
loader() {
|
|
this.isRouterViewshow = false;
|
|
this.$nextTick(() => {
|
|
this.isRouterViewshow = true;
|
|
});
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="less">
|
|
@import "http://matripeweb.oss-cn-hangzhou.aliyuncs.com/antd/ant.css";
|
|
|
|
#app {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
// text-align: center;
|
|
// color: #2c3e50;
|
|
// width: 100vw;
|
|
// overflow-x: overlay;
|
|
height: 100%;
|
|
width: 100vw;
|
|
}
|
|
|
|
#nav {
|
|
padding: 30px;
|
|
|
|
a {
|
|
font-weight: normal;
|
|
color: #2c3e50;
|
|
|
|
&.router-link-exact-active {
|
|
color: #42b983;
|
|
}
|
|
}
|
|
}
|
|
body {
|
|
position: inherit !important;
|
|
width: auto !important;
|
|
overflow: revert !important;
|
|
}
|
|
|
|
</style>
|