<template>
	<view class="comp-card">
		<view class="comp-card-data mt20">
			<up-grid :border="false">
				<up-grid-item v-for="(item,index) in props.cardData" :key="index" style="width: 220rpx;">
					<text class="title color-999 size-28">{{item.title}}</text>
					<text class="num mt20 size-28" :style="{color:item.color}">{{item.num}}</text>
				</up-grid-item>
			</up-grid>
		</view>
	</view>
</template>

<script setup>
	const props = defineProps({
		cardData:{
			type:Array,
			default:()=>[]
		}
	})
</script>

<style scoped lang="scss">
	.comp-card {
		&-data{
		}
	}
</style>