【移动端组件】tab栏切换---组件1/30个组件····疯狂造轮子给自己用

switchTab切换

<template>
  <div class="tab-cut">
    <div class="common-title" v-for="(item, index) in list" :key="item.title" :style="{color: index === activeIndex ? (item.activeColor || '#0067FF') : (item.color || '#000000'),fontWeight: index === activeIndex ? 'bold': 'normal'}" @touchend="itemClick(item, index)">{
  {item.title}}</div>
    <div class="slide-block" :style="{width: itemWidth + '%', left: itemLeft + '%'}">
      <div class="slider-bar" :style="{background: '#0067FF', ...tabStyle}"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SwitchTab',
  props: {
    list: {
      default: [],
      type: Array
    },