dzhh-frontend/.svn/pristine/11/11a3b6fa0f9ce3cae83723f2b1a3d712d8451da6.svn-base

<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <router-view/>
    </div>
  </a-config-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>
.ant-form-item .ant-form-item-label label{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

ul {
  padding: 0;
}

ul > li {
  list-style: none;
}

#app {
  height: 100%;
}
.sidemenu{
  display: flex;
  flex-direction: column;
}

</style>