<template>
  <div class="content">
    <leftcard />
    <centercard />
    <rightcard />
  </div>
</template>
<script>
import drawMixin from "../../utils/drawMixin";
import leftcard from "./leftcard";
import centercard from "./centercard";
import rightcard from "./rightcard";
export default {
  mixins: [drawMixin],
  data () {
    return {
      decorationColor: ["#568aea", "#568aea"],
    };
  },
  components: {
    leftcard,
    centercard,
    rightcard,
  },
  mounted () {
    // this.timeFn();
    this.cancelLoading();
  },
  beforeDestroy () {
    clearInterval(this.timing);
  },
  methods: {
    cancelLoading () {
      setTimeout(() => {
        this.loading = false;
      }, 500);
    },
  },
};
</script>

<style scoped lang="scss">
.content {
  width: 100%;
  height: calc(100% -94px);
  margin: auto;
  display: flex;
  justify-content: space-between;
}
</style>