海洋无痕
3 anni fa
2 ha cambiato i file con 32 aggiunte e 26 eliminazioni
+ 2
- 6
src/crud/index.vue
Vedi File
| @@ -88,21 +88,17 @@ | |||
| // 声明props | |||
| const props = defineProps({ | |||
| homeData: { | |||
| homeData: { //表单配置 | |||
| type: Object, | |||
| default: function () { | |||
| return {} | |||
| } | |||
| }, | |||
| tableData: { | |||
| tableData: { //表单数据 | |||
| type: Array, | |||
| default: function () { | |||
| return [] | |||
| } | |||
| }, | |||
| text: { | |||
| type: String, | |||
| default: '' | |||
| } | |||
| }) | |||
+ 30
- 20
src/layout/index.vue
Vedi File
| @@ -1,47 +1,57 @@ | |||
| <template> | |||
| <!-- :sources="[bgVideo]" --> | |||
| <video-bg :sources="[]"> | |||
| <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: 10%;"> | |||
| <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 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: 10%;"> | |||
| <Head></Head> | |||
| <div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;"> | |||
| <Head style="height: 70px;"></Head> | |||
| </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"> | |||
| <component :is="Component" /> | |||
| </keep-alive> | |||
| </router-view> --> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| </el-scrollbar> | |||
| </div> | |||
| </div> | |||
| </video-bg> | |||
Loading…