App.vue 887 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <template>
  2. <div id="app" v-loading="defaultLoading">
  3. <!-- <transition name="fade" mode="out-in"> -->
  4. <router-view />
  5. <!-- </transition> -->
  6. </div>
  7. </template>
  8. <script>
  9. // import "@/assets/style/index.css";
  10. export default {
  11. created() {},
  12. computed: {
  13. defaultLoading() {
  14. return this.$store.state.settings.loading;
  15. },
  16. },
  17. methods: {},
  18. };
  19. </script>
  20. <style lang="scss">
  21. body {
  22. width: 100%;
  23. height: 100%;
  24. }
  25. .fade-enter-active,
  26. .fade-leave-active {
  27. transition: opacity 0.5s ease;
  28. }
  29. .fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  30. opacity: 0;
  31. }
  32. </style>
  33. <style scoped>
  34. #app .theme-picker {
  35. display: none;
  36. }
  37. </style>
  38. <style>
  39. ::v-deep .el-color-dropdown .el-color-dropdown__main-wrapper {
  40. display: none !important;
  41. }
  42. .el-color-svpanel {
  43. display: none !important;
  44. }
  45. .el-color-hue-slider {
  46. display: none !important;
  47. }
  48. </style>