<template>
  <div class="center-top-wrap">
    <div>{{ total }}</div>
  </div>
</template>

<script>
export default {
  props: {
    total: {
      type: [Number, String],
      default: 0
    }
  },
  data () {
    return {
    }
  }
}
</script>

<style lang="less" scoped>
	.center-top-wrap{
		display: flex;
		align-items: center;
		> div{
			width: 100%;
			text-align: center;
			color: #5cc2f5;
      font-size:40px;
      height: 45px;
      line-height:45px;
      overflow: hidden;
      font-weight:bold;
		}
	}
</style>
