BJ_web_developers / zxznweb

  <template>

      <div class="widthCommon">
        <ul class="tabCon">
          <li v-for="i in 10" :key="i">
            <div class="tabListImg">
              <img src="../../../assets/images/product/tablist0.png" alt="">
            </div>
            <p class="tabListText">城市级智慧停车云平台</p>
          </li>
        </ul>
  
      </div>

  </template>
  
  <script>

  export default {

    name: 'selectTab0',
  
  

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

  .tabCon{
    overflow: hidden;
  }
    .tabCon li{
      width: 427px;
      height: 360px;
      margin: 0 30px 30px 0;
      float: left;
    }
  .tabCon li:nth-child(3n+0){
    margin-right: 0;
  }
    .tabListImg{
      width:427px;
      height:321px;
      padding: 10px 10px;
      background:rgba(255,255,255,1);
      border:2px solid rgba(203,203,203,1);
    }
    .tabListText{
      margin-top: 20px;
      font-size: 14px;
      color: #333;
      text-align: center;
    }
    .tabListImg img{
      width: 407px;
      height: 301px;
    }

  </style>