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 }}/{{ 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>