uniProject/components/scroll-list-card-kecheng/scroll-list-card-kecheng.vue

<template>
  <view class="scroll-list-card mobile-card-box">
		<view>
			<img style="width: 100rpx;height: 100rpx;;" :src="data.pic" alt="" />
		</view>
		<text>{{data.name}}</text>
		<view>讲师：{{data.lecturerName ? data.lecturerName:'无讲师'}}</view>
		<view>时间：{{data.startTime}}</view>
  </view>
</template>

<script setup>
import { toRefs, ref, computed } from "vue";

const props = defineProps({
  data: {
    type: Object,
  },
});
const { data } = toRefs(props);
</script>