BJ_web_developers / zxznweb

  <template>

      <div>
        <div class="iphone-bg">
          <div class="widthCommon iphone">全国客服热线：400 690 0889</div>
        </div>
  
        <div class="nav-wrapper widthCommon">
          <ul class="fr nav-main">

            <router-link v-for="(i, index) in routerData" :key="index" :to="i.pathLink" tag="li">
              {{i.name}}
            </router-link>

          </ul>
        </div>
      </div>

  </template>
  
  <script>
  export default {

    name: 'VHeader',
    data () {
      return {
        routerData:[
          {name:'首页',pathLink:'/home'},
          {name:'关于我们',pathLink:'/about'},

          {name:'产品中心',pathLink:'/product'},

          {name:'联系我们',pathLink:'/contact'},
        ]
      }
    }

  }
  </script>
  

  <style scoped lang="">

    .iphone-bg{
      height:37px;
      line-height: 37px;
      background:rgba(234,234,234,1);
    }
    .iphone{
      padding-left: 30px;
      background: url("../../assets/images/header/iphone-bg.png") no-repeat 0 7px;
      background-size: 22px 22px;
    }
    .nav-wrapper{
      height: 108px;
      line-height: 108px;
      background: url("../../assets/images/header/nav-bg.png") no-repeat 0 center;
      background-size: 183px 66px;
      color: #333333;
    }
    .nav-main{
  
    }
    .nav-main
      li{
      height: 108px;
      height: 108px;

      float: left;
      margin-left: 30px;

      font-size: 20px;

      cursor: pointer;

      }
  

  
  </style>