uskyq/assets/js/component/headerCom.js

export default {
  props: {
    todo: Object,
    currentone: String
  },
  template: `
  <header class="header-absolute sticky-header">
            <div class="custom-container-one">
                <div class="mainmenu-area  d-flex align-items-center justify-content-center">
                    <div class="logo">
                        <a href="/"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
                    </div>
                    <div class="d-flex align-items-center ">
                        <nav class="main-menu">

                            <div class="menu-items">
                                <ul v-if="todo">
                                    <li v-for="item in todo" :key="item.id" 
                                    :class="!item.sname ? currentone=='/template'+item.categoryStyle+'/' ? 'active' : '' :currentone == '/template'+item.categoryStyle+'/?dup=' + item.sname ? 'active' : ''" 
                                    
                                    >
                                        <a  v-if="item.sname" :href="item.categoryStyle==1?'/?dup='+item.sname:'/template'+item.categoryStyle+'/?dup='+item.sname">{{item.categoryName}}</a>
                                        <a  v-else :href="item.categoryStyle==1?'/':'/template'+item.categoryStyle+'/'">{{item.categoryName}}</a>
                                        <ul class="submenu">
                                            <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
                                                    :href="item.sname?'/template'+item.categoryStyle+'/?dup='+item.sname+'&categoryid='+aa.id+'&isUrlId=1'  : '/template'+item.categoryStyle+'/?categoryid='+aa.id+'&isUrlId=1'"> <span
                                                        style="font-weight:bold;margin-right:10px">·</span>
                                                    {{aa.categoryName}}</a></li>
                                        </ul>
                                    </li>

                                </ul>
                            </div>
                        </nav>
                        <div class="apply-expre" v-if="todo.length>0" @click="gogo()">申请体验
                        </div>
                    </div>
                </div>
                <div>
                    <div class="mobile-menu"></div>
                </div>
            </div>
        </header>
  `,
  methods:{
    gogo(){
      this.$emit('data-event'); 
    }
  }
 
}