列表圆角样式

<ul>
      <li 
        v-for="(item,index) in 10"
        :key="index" @click="liCLick(index)"
        :class="num == index?'act':num == index+1?'actPre':num == index-1?'actNet':''"
      >123</li>
</ul>

liCLick(index){
   this.num = index、
},

 li{
    padding: 15px 20px;
    background-color: red;
  }
  .act{
    width: 100%;
    border-radius: 15px 0 0 15px;
    background-color: #EEEEEE;
  }
  .actPre{
    border-radius: 0px 0px 15px 0px;
  }
  .actNet{
    border-radius: 0px  15px 0px 0px;
  }