<template>
  <span v-if="!yesOnly" :class="
      checked
        ? ['el-icon-circle-check', 'concerned-college-icon-success']
        : ['el-icon-circle-close', 'concerned-college-icon-error']
    "></span>
  <el-image v-else-if="checked" :src="require('@/assets/images/career/icon_duigou.png')"></el-image>
  <span v-else></span>
</template>
<script>
export default {
  props: {
    checked: {
      type: String | Number | Boolean,
      default: "",
    },
    yesOnly: { // 只显示对勾
      type: Boolean,
      default: false
    }
  },
};
</script>
<style lang="scss" scoped>
.concerned-college-icon-success {
  color: #67c23a;
  font-size: 24px;
}
.concerned-college-icon-error {
  color: #f56c6c;
  font-size: 24px;
}
</style>