uniProject/components/scroll-list-card-zhengshu/scroll-list-card-zhengshu.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 class="timeSpan">发证日期：{{data}}</view>
		<view class="timeSpan">到期日期：{{data.expiryDate?data.expiryDate: '永久'}}</view>
		<view class="timeSpan">证书状态：{{data.disabled}}</view>
	</view>
</template>

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

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