刘淇 / zxznweb

  <template>

      <div>
        <commonProduct mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonProduct>
        <div class="tab-wrapper">
          <ul class="tab-main widthCommon">
            <li>智慧停车</li>
            <li>公安交通</li>
            <li>公共交通</li>
          </ul>
        </div>
      </div>

  </template>
  
  <script>

  import commonProduct from '@/components/commonBanner'

  export default {

    name: 'index',
    components:{
      commonProduct
    },
  

  }
  </script>
  
  <style scoped lang="scss">
  

    .tab-wrapper{
      height:50px;
      background:rgba(237,237,237,1);
      /*line-height: 50px;*/
      padding-top: 5px;
    }
    .tab-main{
      padding-left: 100px;
      height: 45px;
      line-height: 45px;
    }
    .tab-main li{
      float: left;
      margin-right: 50px;
      width: 125px;
      background: #FFF;
      border-radius: 5px;
      color: #333;
      font-size: 16px;
      text-align: center;
      cursor: pointer;
    }

  </style>