assess-app/common/statistics/head_data.vue

<template>
	<view>
		<view class="head_data row-justify-sb center m-lr30 m-t30">
			<view class="data_item page-box-bg-fff column-c r-30 p-tb25">
				<image class="wh-80" src="/static/img/task/task-all.png" mode=""></image>
				<view class="row-c p-tb20">
					<text class="size-40 sys-weight-600 text-color-E83">78459.80</text>
					<text class="size-24 text-color-666 m-l10">万</text>
				</view>
				<text class="num r-10 sys-from-background-color size-24 text-color-666">放款50笔</text>
			</view>
			<view class="data_item page-box-bg-fff column-c r-30 p-tb25">
				<image class="wh-80" src="/static/img/task/task-all.png" mode=""></image>
				<view class="row-c p-tb20">
					<text class="size-40 text-color-108 sys-weight-600">380.66</text>
					<text class="size-24 text-color-666 m-l10">万</text>
				</view>
				<text class="num r-10 sys-from-background-color size-24 text-color-666">回款50笔</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'head_filter',
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.head_data {
		text-align: center;
		
		.data_item {
			width: 330rpx;
			.num{
				width: 140rpx;
				height: 50rpx;
				line-height: 50rpx;
			}
		}
	}
</style>