<template>
	<view class="kecheng-card">
		<!-- card title -->
		<view><text>|</text><text>课程</text></view>
		<!-- kaoshi title -->
		<view>
			<text v-if="data.name">·{{data.name}}</text>
			<text>{{data.zyLevelName}}</text>
		</view>
		<!-- 内容区域 -->
		<view>
			<view>
				<view>icon</view>
				<view>
					<view>时间</view>
					<view>{{data.totalTm}}分钟</view>
				</view>
			</view>
			<view>更多<text>{{data.count}}</text>
				<icon>→</icon>
			</view>
		</view>
		<!-- 底部 -->
		<view>
			<button v-if="data.status == 1">课程学习</button>
			<button v-if="data.status == 2">学习中</button>
			<button v-if="data.status == 3">已完成</button>
		</view>
	</view>
</template>

<script setup>
	defineProps({
		data: {
			type: Object,
		}
	})
</script>

<style>
</style>