zhgdlarge/src/views/sevenLargeScreen/comprehensiveManage/projectOverview/leftTop.vue

<template>
	<div class="leftTop">
		<Card title="项目信息">
			<div class="projectInfo">
				<div><span>项目名称：</span> 福永意库项目</div>
				<div><span>项目地址：</span> 广东省深圳市宝安区丰业路德轩阁东南侧约70米</div>
				<div><span>项目经理：</span> 李翔</div>
				<div><span>联系电话：</span> 13538606766</div>
				<div><span>建筑面积：</span> 150000㎡</div>
				<div><span>开工日期：</span> 项目编号</div>
				<div><span>工程类别：</span> 房建</div>
			</div>
		</Card>
	</div>
</template>

<script setup lang="ts">
import Card from "@/components/card.vue";
</script>

<style lang="scss" scoped>
.leftTop {
	width: 100%;
	height: 100%;
	.projectInfo {
		width: 100%;
		height: 100%;
		color: #fff;
		padding: 3% 0 0 4%;

		div {
			height: 13%;
			font-size: 14px;
      span{
        color: #ccc;
      }
		}
	}
}
::v-deep .h-card .content {
	height: 80%;
}
</style>