| 123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- <el-container class="layout" id="container">
- <el-aside v-show="documentWidth>600 || !elementUi.is_menu_collapse">
- <div class="aside-box" :style="{ width: elementUi.is_menu_collapse ? '65px' : documentWidth>600 ? '210px':(documentWidth-2)+'px'}">
- <div class="logo flx-center">
- <img class="logo-img" :src="logo_img" alt="logo" />
- <span v-if="!elementUi.is_menu_collapse" class="logo-text">{$site.sitename}</span>
- </div>
- <el-scrollbar :height="menuHeight+'px'">
- <el-menu
- :default-active="activeTab?activeTab.id.toString():''"
- :router="false"
- :collapse="elementUi.is_menu_collapse"
- :collapse-transition="false"
- :unique-opened="true">
- <Menulist :list="menuList" @onclickmenu="clickMenu"></Menulist>
- </el-menu>
- </el-scrollbar>
- </div>
- </el-aside>
- <el-container v-show="documentWidth>600 || elementUi.is_menu_collapse">
- <el-header v-show="!mainFrameExpand">
- <div class="header-lf">
- <div class="tool-bar-lf">
- <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>
- <Breadcrumb class="hide-800" v-if="elementUi.breadcrumb" :list="breadcrumb"></Breadcrumb>
- </div>
- </div>
- <div class="header-ri">
- <div class="tool-bar-ri">
- {include file="layout/index/rightbar" /}
- </div>
- </div>
- </el-header>
- <Tabs v-show="!mainFrameExpand && elementUi.tabs" ref="tabs"></Tabs>
- <el-main :class="mainFrameExpand?'expand':''">
- <div id="main-content" :style="mainFrameExpand?'width:100%;height:100%;':`width:${contentWidth}px;height:${contentHeight}px;`"></div>
- <div class="close-main-expand" v-if="mainFrameExpand" @click="minimize">
- <i class="fa fa-close"></i>
- </div>
- </el-main>
- <el-footer v-if="elementUi.footer">
- {include file="layout/index/footer" /}
- </el-footer>
- </el-container>
- </el-container>
|
