|
|
|
|
|
|
|
|
<template> |
|
|
<template> |
|
|
<!-- :sources="[bgVideo]" --> |
|
|
<!-- :sources="[bgVideo]" --> |
|
|
|
|
|
|
|
|
<video-bg :sources="[]"> |
|
|
<video-bg :sources="[]"> |
|
|
|
|
|
|
|
|
<div class="as-layout-horizontal" style="width: 100%; height: 100%;opacity: 0.9;"> |
|
|
<div class="as-layout-horizontal" style="width: 100%; height: 100%;opacity: 0.9;"> |
|
|
<!-- 此处先划出布局形式(按左右布局划分，左边菜单，右边内容) --> |
|
|
<!-- 此处先划出布局形式(按左右布局划分，左边菜单，右边内容) --> |
|
|
<!-- 菜单部分 --> |
|
|
<!-- 菜单部分 --> |
|
|
<div class="bg-theme" style="height: 100%;"> |
|
|
<div class="bg-theme" style="height: 100%;"> |
|
|
<!-- 菜单头部部分 --> |
|
|
<!-- 菜单头部部分 --> |
|
|
<div class="as-gravity-center-start" style="height: 10%;"> |
|
|
|
|
|
|
|
|
<div class="as-gravity-center-start" style="height: 70px;"> |
|
|
<img rel="icon" src="/logo2.png" style="width: 60px;height: 60px;" /> |
|
|
<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> |
|
|
<span class="as-bold" style="font-size:18px;color: #FFFFFF" v-show="menuStart.menuIsExpansion">D-UI框架模板</span> |
|
|
</div> |
|
|
</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 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> |
|
|
|
|
|
|
|
|
<div class="as-weight as-layout-vertical"> |
|
|
<div class="as-weight as-layout-vertical"> |
|
|
<!-- 头部选项 --> |
|
|
<!-- 头部选项 --> |
|
|
<div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 10%;"> |
|
|
|
|
|
|
|
|
|
|
|
<Head></Head> |
|
|
|
|
|
|
|
|
<div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;"> |
|
|
|
|
|
<Head style="height: 70px;"></Head> |
|
|
</div> |
|
|
</div> |
|
|
<div class="as-layout-vertical"> |
|
|
|
|
|
<!-- 头部 height: 8%;--> |
|
|
|
|
|
<div style=" background-color: #ffffff; padding: 10px 0px 10px 0px"> |
|
|
|
|
|
<!-- 选项卡 --> |
|
|
|
|
|
<TabContainer> |
|
|
|
|
|
</TabContainer> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 主体内容页面 --> |
|
|
|
|
|
<router-view name="key"></router-view> |
|
|
|
|
|
<!-- 路由缓存 https://blog.csdn.net/kDevelop/article/details/122036896 --> |
|
|
|
|
|
<!-- <router-view name="key" v-slot="{ Component }"> |
|
|
|
|
|
|
|
|
<el-scrollbar> |
|
|
|
|
|
<div class="as-layout-vertical"> |
|
|
|
|
|
<!-- 头部 height: 8%;--> |
|
|
|
|
|
<div style=" background-color: #ffffff; padding: 10px 0px 10px 0px"> |
|
|
|
|
|
<!-- 选项卡 --> |
|
|
|
|
|
<TabContainer> |
|
|
|
|
|
</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"> |
|
|
<keep-alive style="height:100vh"> |
|
|
<component :is="Component" /> |
|
|
<component :is="Component" /> |
|
|
</keep-alive> |
|
|
</keep-alive> |
|
|
</router-view> --> |
|
|
</router-view> --> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</el-scrollbar> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</video-bg> |
|
|
</video-bg> |
海洋无痕
3 年前