<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">
body {
  width: 100%;
  height: 100%;
}
.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>
