<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">
@import "./index.scss";
</style>