parking_operation/pages/dataOverview/todayOverview/todayOverview.vue

<!-- 今日概况 -->
<template>
	<view class="overview">
		<view class="overview-module">
			<!-- 今日概况 -->
			<view class="overview-module-1">
				<view class="overview-module-1-title">
					<text>今日概况</text>
				</view>
				<!-- 今日营收 -->
				<view class="overview-module-1-revenue">
					<view class="title">今日营收</view>
					<view class="content">
						<view class="content-left">
							<text>23890.02</text>元
						</view>
						<view class="content-right">
							<u--image :src="require('@/static/icons/trending-up-icon.svg')" width="59px" height="36px">
							</u--image>
						</view>
					</view>
				</view>
				<view class="overview-module-1-menu">
					<view class="list">
						<view class="list-item">
							<view class="list-item-total">
								<text>2342.00</text>元
							</view>
							<view class="list-item-title">今日欠费</view>
						</view>
						<view class="list-item">
							<view class="list-item-total">
								<text>324</text>次
							</view>
							<view class="list-item-title">今日停车</view>
						</view>
						<view class="list-item">
							<view class="list-item-total">
								<text>203</text>次
							</view>
							<view class="list-item-title">今日扫码</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 路段概况 -->
			<view class="overview-module-1">
				<view class="overview-module-1-title">
					<text>路段概况</text>
				</view>
				<view class="overview-module-1-content">
					<view class="overview-module-1-content-revenue">
						<view class="title">路段总数</view>
						<view class="content">
							<view class="content-left">
								<text>23</text>个
							</view>
						</view>
					</view>
					<view class="overview-module-1-content-revenue">
						<view class="title">泊位总数</view>
						<view class="content">
							<view class="content-left">
								<text>23</text>个
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 停车场概况 -->
			<view class="overview-module-1">
				<view class="overview-module-1-title">
					<text>停车场概况</text>
				</view>
				<view class="overview-module-1-content">
					<view class="overview-module-1-content-revenue">
						<view class="title">停车场总数</view>
						<view class="content">
							<view class="content-left">
								<text>23</text>个
							</view>
						</view>
					</view>
					<view class="overview-module-1-content-revenue">
						<view class="title">泊位总数</view>
						<view class="content">
							<view class="content-left">
								<text>23</text>个
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		min-height: calc(100vh - 44px);
		background-color: #1767F2;
	}
</style>

<style lang="scss" scoped>
	@import './todayOverview.scss';
</style>