uniProject/components/listCard/hetongCard.vue

<template>
	<view class="shouye-card-box kecheng-card-box">
		<!-- card title -->
		<view class="card-head-box">
			<view class="card-line-title">合同</view>
		</view>
		<!-- kaoshi title -->
		<view class="card-name-box">
			<view class="card-name" v-if="data.realName"><icon></icon>{{data.realName}}</view>
			<!-- <text class="card-level">{{data.zyLevelName}}</text> -->
		</view>
		<!-- 内容区域 -->
		<view class="card-content-box kaoshi-content-box">
			<view class="card-content-item">
				<icon :style="{ backgroundImage: 'url(' + data.iconsArr.timeIcon + ')' }"></icon>
				<view class="content-text-box">
					<text>时间</text>
				</view>
			</view>
		</view>
		<!-- 底部 -->
		<view class="card-bottom-box">
			<button type="default" class="index-card-btn" @click="handleStudy(data)">查看</button>
		</view>
	</view>
</template>

<script setup>
	defineProps({
		data: {
			type: Object,
		}
	})
	
	function checkMore() {
		uni.navigateTo({
			url:"/pages/client/Kecheng/list?from=shouye"
		})
	}
	
	function handleStudy(item) {
		uni.navigateTo({
			url: `/pages/client/hetong/hetongInfo?id=${item.id}`
		})
	}
</script>

<style>
</style>