<template>
  <a-config-provider :locale="zh_CN">
      <div id="app" class="flex-col">
          <navibar class="menu-shi"></navibar>
          <div class="app-body flex-row app_beijing">
              <div class="container-width">
                  <router-view/>
              </div>
          </div>
      </div>
  </a-config-provider>
</template>
<script>
import navibar from '@/views/knowledge/common/navibar'

import zh_CN from 'ant-design-vue/lib/locale-provider/zh_CN';
import 'moment/locale/zh-cn';

export default {
  components: {
    navibar
  },
  data() {
    return {
      zh_CN,
    }
  }
}
</script>
<style scoped>
  #app {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #f5f7fa;
  }

  .app-body {
      height: calc(100% - 50px);
      overflow: scroll;
      overflow-y: hidden;
  }

  .container-width {
      top: 62px;
      height: 100%;
  }

  .menu-shi {
      background-color: white;
      box-shadow: 0 2px 8px #c8ebdf82;
      border: 0;
      text-align: center;
  }


</style>
