一个前端小菜鸟的探索之路之用画刻度尺

<template>
    <div class="leftBox">
        <div class='rule'>
            <ul v-for="(item,index) in datas" :key="index" @click="borderEvent(index)">
                <div class='border' :class="{ changeBorder:changeStyle == index}"></div><div class="rulerText" :class="{ changeText:changeStyle == index}">{ {item.name}}</div>
                <li v-show='datas[index+1]'></li>
                <li v-show='datas[index+1]'></li>
                <li v-show='datas[index+1]'></li>
                <li v-show='datas[index+1]'></li>
                <li v-show='datas[index+1]'></li>
                <li v-show=&#