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

export default {
  created() {},

  computed: {
    defaultLoading() {
      return this.$store.state.settings.loading;
    },
  },
  methods: {
    // 调取后端api方法
    addLog() {
      const data = {
        userName: "测试1",
        password: "1111",
      };
      login(data).then((res) => {});
    },
    // 调取后端api方法
    test(id) {
      const data = {
        userName: "测试2",
        password: "1111",
      };
      testApi(data, id).then((res) => {
        console.log(res);
      });
    },
  },
};
</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>
