<template>
  <div class="fx-row fx-bet-cen card-shadow pl12 pt15 pb15 pr15">
    <img src="@/assets/images/icon_class.png" class="icon32" />
    <div class="fx-column fx-1 ml10">
      <label class="mx-grade pointer">{{grade.gradeName}}</label>
      <label class="mx-class pointer">{{clazz.className}}</label>
    </div>
    <div>
      <label class="mx-link mx-link-text">查看>></label>
    </div>
  </div>
</template>

<script>
import Link from '../../../layout/components/Sidebar/Link.vue'
export default {
  components: { Link },
  name: "classCard",
  props: {
    grade: {
      type: Object,
      default: _ => ({})
    },
    clazz: {
      type: Object,
      default: _ => ({})
    }
  }
}
</script>

<style lang="scss" scoped>
.mx-grade {
  font-size: 14px;
  font-weight: 500;
  color: #515151;
}
.mx-class {
  font-size: 14px;
  font-weight: 400;
  color: #b5b5b5;
}
.mx-link-text {
  font-size: 16px;
  font-weight: 400;
  color: #47c6a2;
}
</style>
