1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <template>
- <a-locale-provider :locale="locale">
- <div id="app">
- <router-view />
- <audio ref="mmPlayer"></audio>
- </div>
- </a-locale-provider>
- </template>
- <script>
- import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
- import enquireScreen from '@/utils/device'
- import { mapGetters, mapMutations, mapActions } from 'vuex'
- 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', true)
- }
- // 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)
- }
- })
- this.$nextTick(() => {
- this.setAudioele(this.$refs.mmPlayer)
- })
- },
- methods: {
- ...mapMutations({
- setPlaying: 'SET_PLAYING',
- setPlay: 'SET_PLAYLIST',
- setCurrentIndex: 'SET_CURRENTINDEX',
- setAudioele: 'SET_AUDIOELE',
- }),
- },
- }
- </script>
- <style>
- #app {
- height: 100%;
- min-width: 1280px;
- }
- 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>
|