使用属性cli-path。
直接上代码：需要li变成八边形，类似这种：
HTML：
<ul> <li v-for="(item,index) in designWords" :key="index" :class="{active2:index == nowIndex1}" @click="tabsChange1(index)"> {{item}} </li> </ul>css：
主要是这个-webkit-clip-path:polygon()；允许裁剪块状元素。
li{ clip-path: polygonpolygon(10px 0%, 125px 0%, 100% 10px, 100% 52px, 125px 100%, 10px 100%, 0% 52px, 0% 10px); -webkit-clip-path:polygon(10px 0%, 125px 0%, 100% 10px, 100% 52px, 125px 100%, 10px 100%, 0% 52px, 0% 10px); width: 137px; height: 62px; line-height: 62px; float: left; margin-right: 15px; background-color: #a9adb2; margin-bottom: 13px; position: relative; &:nth-child(even){ margin-right: 0; } }最后加一个链接，可以去这个链接实验需要的cli-path，是一个cli-path生成器!
