<template>
	<div class="center-top-wrap">
		<div v-if="id == 'n1'">
			<dv-digital-flop :config="config" style="width:90%;height:50px;" />
		</div>
		<div v-if="id == 'n2'">
			<dv-digital-flop :config="config1" style="width:90%;height:50px;" />
		</div>
	</div>
</template>

<script>
	export default{
		props:{
			id:{
				type: String,
				default: 'n1'
			}
		},
		data(){
			return {
				config: {
					number: [56487],
					content: '{nt}',
					style:{
						fill: '#00aaff',
						fontSize: 40
					}
				},
				config1: {
					number: [564598.36],
					toFixed: 2,
					content: '{nt}',
					style:{
						fill: '#E6A23C',
						fontSize: 40
					}
				},
			}
		}
	}
</script>

<style lang="scss" scoped>
	.center-top-wrap{
		display: flex;
		align-items: center;
		justify-content: space-between;
		> div{
			width: 100%;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			color: rgba(255, 255, 255, 0.8);
		}
	}
</style>