<template>
  <div id="app" v-loading="defaultLoading">
    <!-- <transition name="fade" mode="out-in"> -->
    <router-view />
    <!-- </transition> -->
  </div>
</template>
<script>
// import "@/assets/style/index.css";

export default {
  created() {},

  computed: {
    defaultLoading() {
      return this.$store.state.settings.loading;
    },
  },
  methods: {},
};
</script>
<style lang="scss">
// ::v-deep body .el-menu--horizontal .el-menu .el-menu-item {
//   color: #000 !important;
//   background-color: #fff !important;
// }
// ::v-deep body .el-menu--horizontal .el-menu .el-submenu__title {
//   color: #000 !important;
//   background-color: #fff !important;
// }

body {
  width: 100%;
  height: 100%;
}
::v-deep .vue-recycle-scroller__item-wrapper::-webkit-scrollbar {
  display: block !important;
}
// ::-webkit-scrollbar {
//   display: none;
// }
// ::-webkit-scrollbar {
//   display: none;
// }
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0;
}
</style>
<style scoped>
#app .theme-picker {
  display: none;
}
</style>
<style>
/* ::v-deep .el-color-dropdown .el-color-dropdown__main-wrapper {
  display: none !important;
}
.el-color-svpanel {
  display: none !important;
}
.el-color-hue-slider {
  display: none !important;
} */
</style>
