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.
60 lines
1.1 KiB
Vue
60 lines
1.1 KiB
Vue
<template>
|
|
<a-config-provider :locale="locale">
|
|
<div id="app" class="app app1">
|
|
<router-view class="scrollbar" v-if="routerAlive" />
|
|
</div>
|
|
</a-config-provider>
|
|
</template>
|
|
|
|
<script>
|
|
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
|
|
import { AppDeviceEnquire } from '@/utils/mixin'
|
|
|
|
export default {
|
|
mixins: [AppDeviceEnquire],
|
|
provide() {
|
|
return {
|
|
reload: this.reload
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
locale: zhCN,
|
|
routerAlive: true
|
|
}
|
|
},
|
|
mounted() {},
|
|
methods: {
|
|
reload() {
|
|
this.routerAlive = false
|
|
this.$nextTick(function() {
|
|
this.routerAlive = true
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
.app {
|
|
overflow: auto;
|
|
border: none;
|
|
}
|
|
.scrollbar {
|
|
margin: 0 auto;
|
|
}
|
|
.app1::-webkit-scrollbar {
|
|
/*滚动条整体样式*/
|
|
width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
}
|
|
.app1::-webkit-scrollbar-thumb {
|
|
/*滚动条里面小方块*/
|
|
border-radius: 6px;
|
|
background: #aaa;
|
|
}
|
|
.app1::-webkit-scrollbar-track {
|
|
/*滚动条里面轨道*/
|
|
border-radius: 8px;
|
|
background: #ffffff;
|
|
}
|
|
</style>
|