headerCom.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. export default {
  2. props: {
  3. todo: Object,
  4. currentone: String
  5. },
  6. template: `
  7. <header class="header-absolute sticky-header">
  8. <div class="custom-container-one">
  9. <div class="mainmenu-area d-flex align-items-center justify-content-center">
  10. <div class="logo">
  11. <a href="/"><img src="../assets/img/logo-white.png" alt="uskylogo"></a>
  12. </div>
  13. <div class="d-flex align-items-center ">
  14. <nav class="main-menu">
  15. <div class="menu-items">
  16. <ul v-if="todo">
  17. <li v-for="item in todo" :key="item.id"
  18. :class="!item.sname ? currentone=='/template'+item.categoryStyle+'/' ? 'active' : '' :currentone == '/template'+item.categoryStyle+'/?dup=' + item.sname ? 'active' : ''"
  19. >
  20. <a v-if="item.sname" :href="item.categoryStyle==1?'/?dup='+item.sname:'/template'+item.categoryStyle+'/?dup='+item.sname">{{item.categoryName}}</a>
  21. <a v-else :href="item.categoryStyle==1?'/':'/template'+item.categoryStyle+'/'">{{item.categoryName}}</a>
  22. <ul class="submenu">
  23. <li v-if="item.children" v-for="aa in item.children" :key="aa.id"><a
  24. :href="item.sname?'/template'+item.categoryStyle+'/?dup='+item.sname+'&categoryid='+aa.id+'&isUrlId=1' : '/template'+item.categoryStyle+'/?categoryid='+aa.id+'&isUrlId=1'"> <span
  25. style="font-weight:bold;margin-right:10px">·</span>
  26. {{aa.categoryName}}</a></li>
  27. </ul>
  28. </li>
  29. </ul>
  30. </div>
  31. </nav>
  32. <div class="apply-expre" v-if="todo.length>0" @click="gogo()">申请体验
  33. </div>
  34. </div>
  35. </div>
  36. <div>
  37. <div class="mobile-menu"></div>
  38. </div>
  39. </div>
  40. </header>
  41. `,
  42. methods:{
  43. gogo(){
  44. this.$emit('data-event');
  45. }
  46. }
  47. }