1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <template>
- <a-locale-provider :locale="locale">
- <div id="app">
- <router-view />
- </div>
- </a-locale-provider>
- </template>
- <script>
- import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
- import enquireScreen from '@/utils/device'
- 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%;
- }
- body {
- -webkit-user-select: text !important;
- }
- * {
- -webkit-user-select: text !important;
- -moz-user-select: text !important;
- -ms-user-select: text !important;
- user-select: text !important;
- }
- .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
- height: 39px !important;
- }
- .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
- height: 39px !important;
- border-bottom:1px solid #1890ff !important;
- }
- .layout .header {
- background-color:#0B2040 !important;
- background:#0B2040 !important;
-
- }
- </style>
|