index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <el-container class="layout" id="container">
  2. <el-header v-show="!mainFrameExpand">
  3. <div class="logo flx-center hide-600">
  4. <img class="logo-img" :src="logo_img" alt="logo" />
  5. <span class="logo-text">{$site.sitename}</span>
  6. </div>
  7. <el-menu
  8. mode="horizontal"
  9. :default-active="activeTab?activeTab.id.toString():''"
  10. :router="false"
  11. :unique-opened="true">
  12. <template v-for="menu in menuList">
  13. <template v-if="menu.childlist && menu.childlist.length>0">
  14. <el-sub-menu :index="menu.id.toString()" :key="menu.id.toString()">
  15. <template #title>
  16. <i :class="menu.icon"></i>
  17. <span class="sle">{{menu.title}}</span>
  18. </template>
  19. <Menulist :list="menu.childlist" @onclickmenu="clickMenu"></Menulist>
  20. </el-sub-menu>
  21. </template>
  22. <template v-else>
  23. <el-menu-item :index="menu.id.toString()" @click="clickMenu(menu)" :key="menu.id.toString()">
  24. <i :class="menu.icon"></i>
  25. <template #title>
  26. <span class="sle">{{ menu.title }}</span>
  27. </template>
  28. </el-menu-item>
  29. </template>
  30. </template>
  31. </el-menu>
  32. <div class="tool-bar-ri">
  33. {include file="layout/index/rightbar" /}
  34. </div>
  35. </el-header>
  36. <el-container class="classic-main is-vertical">
  37. <Tabs v-show="!mainFrameExpand && elementUi.tabs" ref="tabs"></Tabs>
  38. <el-main :class="mainFrameExpand?'expand':''">
  39. <div id="main-content" :style="mainFrameExpand?'width:100%;height:100%;':`width:${contentWidth}px;height:${contentHeight}px;`"></div>
  40. <div class="close-main-expand" v-if="mainFrameExpand" @click="minimize">
  41. <i class="fa fa-close"></i>
  42. </div>
  43. </el-main>
  44. <el-footer v-if="elementUi.footer">
  45. {include file="layout/index/footer" /}
  46. </el-footer>
  47. </el-container>
  48. </el-container>