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>