<template>
  <div>
    <commonBanner mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonBanner>
    <div class="tab-wrapper">
      <ul class="tab-main widthCommon">
        <li
          v-for="(item, index) in tabData"
          :key="item"
          @click="changeTab(index,item)"
          :class="{tabActive:currentIndex==index}"
        >{{item}}</li>
      </ul>
    </div>
    <div class="bread">
      <div class=" widthCommon">
        您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 产品中心 -> {{name}}
      </div>
    </div>




  </div>
</template>

<script>
import commonBanner from '@/components/commonBanner'
export default {
  name: 'index',
  components:{
    commonBanner
  },
  data(){
    return{
      tabData:[
        '智慧停车','公安交通','公共交通'
      ],
      currentIndex:0,
      tabView:'selectTab0',
      name:'智慧停车'
    }
  },
  methods:{

  }

}
</script>

<style scoped lang="scss">



</style>
