36 lines
707 B
Vue
36 lines
707 B
Vue
<template>
|
|
|
|
<ChartCard margin="0 0 30rpx 0" title="安全费用" >
|
|
<view class="cost u-flex">
|
|
<view class="cost-box">
|
|
<view class="cost-box-lab">费用提取(亿元)</view>
|
|
<view class="cost-box-num u-margin-top-20">800</view>
|
|
</view>
|
|
<view class="cost-box">
|
|
<view class="cost-box-lab">费用使用(亿元)</view>
|
|
<view class="cost-box-num u-margin-top-20">800</view>
|
|
</view>
|
|
</view>
|
|
</ChartCard>
|
|
</template>
|
|
|
|
<script setup>
|
|
import ChartCard from '@/components/chartCard.vue'
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.cost{
|
|
width: 100%;
|
|
&-box{
|
|
flex: 1;
|
|
&-lab{
|
|
color: #999999;
|
|
font-size: 24rpx;
|
|
}
|
|
&-num{
|
|
color: #333333;
|
|
font-size: 28rpx;
|
|
}
|
|
}
|
|
}
|
|
</style> |