CNCEC_APP/pages/index/board/qms/reviewAndBriefing.vue

<template>
	<ChartCard margin="30rpx 0 0 0" title="图纸会审及交底数">
		<view class="education u-flex">
			<view class="education-box">
				<view class="education-box-lab">图纸会审总数</view>
				<view class="education-box-num u-margin-top-20">800</view>
			</view>
			<view class="education-box">
				<view class="education-box-lab">设计交底总数</view>
				<view class="education-box-num u-margin-top-20">800</view>
			</view>
		</view>
	</ChartCard>
</template>

<script setup>
	import ChartCard from '@/components/chartCard.vue'

</script>

<style lang="scss" scoped>
	.education{
		width: 100%;
		&-box{
			flex: 1;
			&-lab{
				color: #999999;
				font-size: 24rpx;
			}
			&-num{
				color: #333333;
				font-size: 28rpx;
			}
		}
	}
</style>