+ 29
- 23
src/layout/index.vue
查看文件
| @@ -2,32 +2,35 @@ | |||
| <!-- :sources="[bgVideo]" --> | |||
| <video-bg :sources="[]"> | |||
| <el-scrollbar> | |||
| <div class="as-layout-horizontal" style="width: 100%; height: 100%;opacity: 0.9;"> | |||
| <!-- 此处先划出布局形式(按左右布局划分，左边菜单，右边内容) --> | |||
| <!-- 菜单部分 --> | |||
| <div class="bg-theme" style="height: 100%;"> | |||
| <!-- 菜单头部部分 --> | |||
| <div class="as-gravity-center-start" style="height: 70px;"> | |||
| <img rel="icon" src="/logo2.png" style="width: 60px;height: 60px;" /> | |||
| <span class="as-bold" style="font-size:18px;color: #FFFFFF" | |||
| v-show="menuStart.menuIsExpansion">D-UI框架模板</span> | |||
| </div> | |||
| <!-- 菜单主体部分 --> | |||
| <el-menu :default-active="menuIndex.menuIndex" width="280" style="height: 100%" mode="vertical" | |||
| :router="false" @select="select" :collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo"> | |||
| <SidebarItem :list="list" /> | |||
| </el-menu> | |||
| <div class="as-layout-horizontal" style="width: 100%; height: 100%;opacity: 0.9;"> | |||
| <!-- 此处先划出布局形式(按左右布局划分，左边菜单，右边内容) --> | |||
| <!-- 菜单部分 --> | |||
| <div class="bg-theme" style="height: 100%;"> | |||
| <!-- 菜单头部部分 --> | |||
| <div class="as-gravity-center-start" style="height: 70px;"> | |||
| <img rel="icon" src="/logo2.png" style="width: 60px;height: 60px;" /> | |||
| <span class="as-bold" style="font-size:18px;color: #FFFFFF" v-show="menuStart.menuIsExpansion">D-UI框架模板</span> | |||
| </div> | |||
| <!-- 菜单主体部分 --> | |||
| <div style="height: 100%;background-color: #FFFFFF;"> | |||
| <el-scrollbar height="100%"> | |||
| <el-menu :default-active="menuIndex.menuIndex" width="280" mode="vertical" :router="false" @select="select" | |||
| :collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo"> | |||
| <SidebarItem :list="list" /> | |||
| </el-menu> | |||
| </el-scrollbar> | |||
| </div> | |||
| </div> | |||
| <div class="as-weight as-layout-vertical"> | |||
| <!-- 头部选项 --> | |||
| <div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;"> | |||
| <div class="as-weight as-layout-vertical"> | |||
| <!-- 头部选项 --> | |||
| <div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;"> | |||
| <Head style="height: 70px;"></Head> | |||
| </div> | |||
| <Head></Head> | |||
| </div> | |||
| <el-scrollbar> | |||
| <div class="as-layout-vertical"> | |||
| <!-- 头部 height: 8%;--> | |||
| <div style=" background-color: #ffffff; padding: 10px 0px 10px 0px"> | |||
| @@ -36,7 +39,9 @@ | |||
| </TabContainer> | |||
| <!-- 主体内容页面 --> | |||
| <router-view name="key"></router-view> | |||
| <!-- 路由缓存 https://blog.csdn.net/kDevelop/article/details/122036896 --> | |||
| <!-- <router-view name="key" v-slot="{ Component }"> | |||
| <keep-alive style="height:100vh"> | |||
| @@ -45,9 +50,10 @@ | |||
| </router-view> --> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </el-scrollbar> | |||
| </div> | |||
| </el-scrollbar> | |||
| </div> | |||
| </video-bg> | |||
| </template> | |||
正在加载...