<template>
  <div class="no-question-wrapper">
    <img v-if="commitKind == 1" src="../../images/question/no-error.png" alt="">
    <img v-else-if="commitKind == 2" src="../../images/question/no-collect.png" alt="">
    <img v-else src="../../images/question/no-collect.png" alt="">
    <span>{{commitKind == 1 ? "您答错的题目会自动记录在这里哦！" : commitKind == 2 ? "您收藏的题目会自动记录在这里哦！" : "那些题目都去哪儿了！？"}}</span>
  </div>
</template>
<script>
export default {
  props: {
    commitKind: { // 答题来源 1：错题集 2：收藏 3：题库
      type: Number | String,
      default: 1
    }
  }
}
</script>
<style lang="less" scoped>
.no-question-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  img {
    width: 120px;
    height: 120px;
  }
  span {
    font-size: 15px;
    color: #999999;
  }
}
</style>