index.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <el-container class="layout" id="container">
  2. <el-header v-show="!mainFrameExpand">
  3. <div class="header-lf">
  4. <div class="logo flx-center hide-600">
  5. <img class="logo-img" :src="logo_img" alt="logo" />
  6. <span class="logo-text">{$site.sitename}</span>
  7. </div>
  8. <div class="tool-bar-lf">
  9. <i @click="elementUi.is_menu_collapse=!elementUi.is_menu_collapse;setMainContentFrame();" :class="['collapse-icon',elementUi.is_menu_collapse?'fa fa-indent':'fa fa-outdent']"></i>
  10. <Breadcrumb class="hide-800" v-if="elementUi.breadcrumb" :list="breadcrumb"></Breadcrumb>
  11. </div>
  12. </div>
  13. <div class="header-ri">
  14. <div class="tool-bar-ri">
  15. {include file="layout/index/rightbar" /}
  16. </div>
  17. </div>
  18. </el-header>
  19. <el-container class="classic-content">
  20. <el-aside v-show="documentWidth>600 || !elementUi.is_menu_collapse">
  21. <div class="aside-box" :style="{ width: elementUi.is_menu_collapse ? '65px' : documentWidth>600 ? '210px':(documentWidth-2)+'px'}">
  22. <el-scrollbar :height="menuHeight+'px'">
  23. <el-menu
  24. :default-active="activeTab?activeTab.id.toString():''"
  25. :router="false"
  26. :collapse="elementUi.is_menu_collapse"
  27. :collapse-transition="false"
  28. :unique-opened="true">
  29. <Menulist :list="menuList" @onclickmenu="clickMenu"></Menulist>
  30. </el-menu>
  31. </el-scrollbar>
  32. </div>
  33. </el-aside>
  34. <el-container class="classic-main" v-show="documentWidth>600 || elementUi.is_menu_collapse">
  35. <Tabs v-show="!mainFrameExpand && elementUi.tabs" ref="tabs"></Tabs>
  36. <el-main :class="mainFrameExpand?'expand':''">
  37. <div id="main-content" :style="mainFrameExpand?'width:100%;height:100%;':`width:${contentWidth}px;height:${contentHeight}px;`"></div>
  38. <div class="close-main-expand" v-if="mainFrameExpand" @click="minimize">
  39. <i class="fa fa-close"></i>
  40. </div>
  41. </el-main>
  42. <el-footer v-if="elementUi.footer">
  43. {include file="layout/index/footer" /}
  44. </el-footer>
  45. </el-container>
  46. </el-container>
  47. </el-container>