jp-car-xinda/pages/index/index.vue

<template>
	<view>
		<view class="von-index-bar">
			<view class="text-center mb-1">
				<h3 >营收统计</h3>
				<h6>今日收益(元)</h6>
				<h1>1141.00</h1>
			</view>
			<view class="flex-spal">
				<text>昨日收益</text>
				<h3>1024.00</h3>
				<text>昨日收益</text>
				<h3>1024.00</h3>
			</view>
		</view>
		<view class="von-index-row">
			<u-cell-group>
				<u-cell-item title="收益明细" value="+1141.00" :arrow="arrow"></u-cell-item>
			</u-cell-group>
			<u-row>
			    <u-col :span="6">
			        <view class="von-index-col">今日售票笔数<h3>188</h3></view>
			    </u-col>
				<u-col :span="6">
				    <view class="von-index-col">线上购票收款<h3>957.00</h3></view>
				</u-col>
			</u-row>
			<u-row>
			    <u-col :span="6">
			        <view class="von-index-col">微信支付收款<h3>888.00</h3></view>
			    </u-col>
				<u-col :span="6">
				    <view class="von-index-col">支付宝收款<h3>888.00</h3></view>
				</u-col>
			</u-row>
			<u-row>
			    <u-col :span="6">
			        <view class="von-index-col">现金收款<h3>888.00</h3></view>
			    </u-col>
				<u-col :span="6">
				    <view class="von-index-col">纸质车票收款<h3>888.00</h3></view>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
	import api from './index.js'
	export default {
	        mounted() {
	            document.body.style.backgroundColor = '#eee';
	        },
	        destroyed() {
	           document.body.style.backgroundColor = '';
	         }
	    }
</script>

<style>
</style>