55 lines
1.4 KiB
Vue
55 lines
1.4 KiB
Vue
<template>
|
|
<a-config-provider :locale="locale">
|
|
<div id="app">
|
|
<router-view></router-view>
|
|
</div>
|
|
</a-config-provider>
|
|
</template>
|
|
<script>
|
|
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
|
|
import enquireScreen from '@/utils/device'
|
|
window.addEventListener('message', function (event) {
|
|
// 当监听到 需要修改样式的事件时 隐藏相应的元素
|
|
if (event.data.hideDom) {
|
|
//此处执行事件
|
|
setTimeout(() => {
|
|
document.getElementsByClassName('ant-layout-sider')[0].style.display = 'none'
|
|
document.getElementsByClassName('ant-layout-header')[0].style.display = 'none'
|
|
document.getElementsByClassName('tab-layout-tabs ant-tabs ant-tabs-top')[0].style.display = 'none'
|
|
}, 1000)
|
|
}
|
|
|
|
})
|
|
export default {
|
|
data() {
|
|
return {
|
|
locale: zhCN
|
|
}
|
|
},
|
|
created() {
|
|
let that = this
|
|
enquireScreen(deviceType => {
|
|
// tablet
|
|
if (deviceType === 0) {
|
|
that.$store.commit('TOGGLE_DEVICE', 'mobile')
|
|
that.$store.dispatch('setSidebar', false)
|
|
}
|
|
// mobile
|
|
else if (deviceType === 1) {
|
|
that.$store.commit('TOGGLE_DEVICE', 'mobile')
|
|
that.$store.dispatch('setSidebar', false)
|
|
} else {
|
|
that.$store.commit('TOGGLE_DEVICE', 'desktop')
|
|
that.$store.dispatch('setSidebar', true)
|
|
}
|
|
|
|
})
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
</style>
|