saas_miniprogram/components/common/ClassTimeTip.vue

<template>
  <text
    style="
      display: inline-block;
      color: #ff2d55;
      font-size: 24rpx;
      line-height: 30rpx;
    "
    v-if="classInfo.gradeId"
  >
    <text>{{
      classInfo.classStatus == 0
        ? "暂未开班"
        : classInfo.classEndTime
        ? `有效期至：${$method.timestampToTime(
            classInfo.classEndTime
          )}，本班还剩${$method.GetRTime(classInfo.classEndTime)}天将结束学习，`
        : ""
    }}</text>
    已报名人数{{ classInfo.studentNumAll || 0 }}/{{ classInfo.studentUpper }}人
  </text>
</template>

<script>
export default {
  props: {
    classInfo: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
};
</script>

<style scoped lang="scss">
.redTxt {
  font-size: 24rpx;
  font-family: PingFang SC;
  color: #ff2d55;
  line-height: 30rpx;
}
</style>