<template>
	<view class="bg-model-content"  :class="textCollection.type==1?'bg-color':'bg-color1'">
		
		<view class="box-pack-between">
			<view class="total">
				<view class="total-tip">
					{{date}}{{textCollection.title}}
				</view>
				<view class="total-num">
					{{ obj.total||0}}
				</view>
			</view>
			<navigator hover-class="none" class="total-more" v-if="textCollection.type==1" url="../data/data">
				<view class="flex-y-center">更多数据 <image src="../../static/images/more.png" class="more-icon">
					</image>
				</view>
			</navigator>
		</view>
		
		<view class="box-pack-between">
			<view class="total-bottom">
				<view class="total-bottom-title">
					{{textCollection.wx}}
				</view>
				<view class="total-bottom-price">
					{{obj.wx||0}}
				</view>
			</view>
			<view class="total-bottom">
				<view class="total-bottom-title">
					{{textCollection.ali}}
				</view>
				<view class="total-bottom-price">
					{{obj.zfb||0}}
				</view>
			</view>
			
			<view class="total-bottom" v-if="textCollection.money">
				<view class="total-bottom-title">
					{{textCollection.money}}
				</view>
				<view class="total-bottom-price">
					{{obj.cash||0}}
				</view>
			</view>
			
			<view class="total-bottom" v-if="textCollection.menber">
				<view class="total-bottom-title">
					{{textCollection.menber}}
				</view>
				<view class="total-bottom-price">
					{{obj.menber||0}}
				</view>
			</view>
			
			<view class="total-bottom" v-if="textCollection.juhe">
				<view class="total-bottom-title">
					{{textCollection.juhe}}
				</view>
				<view class="total-bottom-price">
					{{obj.juhe||0}}
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			obj: {
				type: Object,
			},
			textCollection: {
				type: Object,
			},
			date:{
				type:String
			}
		},
		data() {
			return {

			}
		},
	}
</script>

<style>
	.bg-color{
		color: #3387FF;
	}
	.bg-color1{
		color: #333;
	}
	.bg-model-content {
		position: relative;
		width: 690rpx;
		height: 361rpx;
		margin: 0 auto;
		padding: 50rpx 30rpx 30rpx 30rpx;
		
	}

	.total-tip {
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		text-align: left;
		color: #a2a2a2;
	}

	.total-num {
		font-size: 64rpx;
		font-family: PingFang SC, PingFang SC-Medium;
		font-weight: 500;
		padding: 20rpx 0 40rpx 0;
	}

	.total-more {
		font-size: 22rpx;
	
		font-weight: 500;
	}

	.total-more .more-icon {
		width: 22rpx;
		height: 22rpx;
		margin-left: 10rpx;
	}

	.total-bottom-title {
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Regular;
		font-weight: 400;
		text-align: center;
		color: #a2a2a2;
		margin-bottom: 12rpx;
	}

	.total-bottom-price {
		font-size: 30rpx;
		font-family: PingFang SC, PingFang SC-Medium;
		font-weight: 500;
		text-align: center;
	}
</style>
