<template>
  <div class="nc_con">
    <div class="nc_wrap" :style="'margin-top:-'+num+'em;color:'+color">
      <div v-for="i in 10" :key="i">{{i-1}}</div>
    </div>
  </div>
</template>
<script>
  export default({
    name:"NumCard",
    props:{
      num:{
        // type:String,
        default:0,
        required:true
      },
      color:{
        type:String,
        default:"#00EAFF",
      }
    },
    data () {
      return {
      }
    }
  })
</script>
<style>
.nc_con{ width:0.6em; height:1em; flex: none; overflow: hidden;}
.nc_wrap{ transition: all 1s ease 0s;}
.nc_wrap>div{width:0.6em; height:1em; line-height:1em; text-align: center;}
</style>