<template>
	
	<ChartCard  margin="0 0 30rpx 0" title="施工机具设备" >
	<view class="special-equip u-flex">
		<view class="special-equip-box u-flex u-row-center">
			<view class="special-equip-box-icon"> <u-icon name="ziyuanshiyongtongji" color="#e28ea3" custom-prefix="custom-icon" size="60" ></u-icon></view>
			<view class="special-equip-box-row u-padding-left-20">
				<text class="special-equip-box-row-num">9000个</text>
				<text class="special-equip-box-row-lab">在用个数</text>
			</view>
		</view>
		
		<view class="special-equip-box u-flex u-row-center">
			<view class="special-equip-box-icon"> <u-icon name="tezhongshebei" color="#3bdae2" custom-prefix="custom-icon" size="60" ></u-icon></view>
			<view class="special-equip-box-row u-padding-left-20">
				<text class="special-equip-box-row-num">9000个</text>
				<text class="special-equip-box-row-lab">特种设备</text>
			</view>
		</view>
	</view>
	</ChartCard>
</template>

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

<style lang="scss">
	.special-equip{
		padding: 20rpx 0;
		&-box{
			flex: 1;
			&-row{
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: flex-start;
				&-lab{
					font-size: 24rpx;
					color: #999999;
					margin-top: 12rpx;
				}
				&-num{
					color: #333333;
					font-size: 28rpx;
				}
			}
		}
	}
</style>