<template>
  <div class="teacherDevelop">
    <topBar title="学生评价" detail="科学的目标体系 · 多维度评价分析 · 全面的成长报告"></topBar>
    <div class="cardBox">
      <card v-for="item in cardArray" :key="item.title" :title="item.title" :icon="item.icon" :to="item.to" :type="item.type"></card>
    </div>
  </div>
</template>

<script>
import topBar from './components/topBar'
import card from './components/card.vue';
export default {
  components: {
    topBar,
    card
  },
  data() {
    return {
      cardArray: [
        { title: '目标管理', icon: require('../../../assets/icon/liyuan/mbll.svg'), type: 1, to: "/evaluation" },
        { title: '学生评价', icon: require('../../../assets/icon/liyuan/seva.svg'), type: 1, to: "/works" },
        // { title: '成绩录入', icon: require('../../../assets/icon/liyuan/scolr.svg'), type: 1, to: "/portraitL" }
      ]
    }
  },
}
</script>

<style scoped>
.teacherDevelop{
  width: 100%;
  height: 100%;
  padding: 40px 90px;

  box-sizing: border-box;
  background: #FAFAFA;

}

.cardBox{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  width: 100%;
  margin-top: 20px;
}
</style>