<template>
  <div>
    <Myhome v-if="currentRole && currentRole.code === 'student'"></Myhome>
    <a-card v-else :bordered="false" style="display: flex;justify-content:center;height: 100%">
      <div style="margin:100px auto;">
        <img src="~@/assets/welcome.png" class="logo" alt="logo" />
      </div>
    </a-card>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import Myhome from '@/views/myhome/index.vue'
export default {
  components: { Myhome },
  data () {
    return {}
  },
  computed: {
    ...mapState({
      currentRole: state => state.user.currentRole
    })
  }
}
</script>

<style lang="less" scoped></style>
