Sfoglia il codice sorgente

2022年5月9日15:29:19

master
wq 3 anni fa
parent
commit
2c5322c859
2 ha cambiato i file con 37 aggiunte e 37 eliminazioni
  1. 2
    6
      src/crud/index.vue
  2. 35
    31
      src/layout/index.vue

+ 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: ''
}
})


+ 35
- 31
src/layout/index.vue Vedi File

@@ -1,49 +1,53 @@
<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%;">
<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-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>
<!-- 菜单主体部分 -->
<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>
</div>

<div class="as-weight as-layout-vertical">
<!-- 头部选项 -->
<div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 10%;">
<div class="as-weight as-layout-vertical">
<!-- 头部选项 -->
<div class="bg-theme" style="padding: 0px 10px 0px 10px; height: 70px;">

<Head></Head>
</div>
<div class="as-layout-vertical">
<!-- 头部 height: 8%;-->
<div style=" background-color: #ffffff; padding: 10px 0px 10px 0px">
<!-- 选项卡 -->
<TabContainer>
</TabContainer>
<Head></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 }">
<!-- 主体内容页面 -->
<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>
</div>
</div>
</el-scrollbar>
</video-bg>
</template>


Loading…
Annulla
Salva