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

<template>
	<view class="notice-list-card">
		<view class="notice-list-title">
		    <text v-if="!data.wait" class="notice-list-read">已读</text>
		    <text v-if="data.wait" class="notice-list-unread">未读</text>
		    <view class="notice-title">{{data.name}}</view>
		</view>
		<view class="news-page-word">{{data.createTime}}</view>
	</view>
</template>

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

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