vue 自己制作的 刻度尺 方便简洁好用

<template>
  <view class="scan">
    <block v-for="(item,index) in section" :key="index" class="">
      <text >{{(section-index)*(numbers/section)}}  —</text>
      <text v-for="(item,l) in 10" :key="l">-</text>
    </block>
    <text>0 —</text>
  </view>
</template>
<script>
  export default{
    data(){
      return{}
    },
    props:{
      numbers:{
        type: Number,
        default: 100
      },
      section:{
        type: Number,
        default: 2
      }
    }
  }
</script>
<style>
scan{
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    height:400px
    width:100px
    color:#333,
    text-align:right
    line-height:0px
}
</style>