Skip to content

D
DA-Platform

文档服务地址：http://47.92.0.57:3000/ 周报索引地址：http://47.92.0.57:3000/s/NruNXRYmV

Commit 14f53687 by wl2282589971
Options

调整布局

parent 4a993f52
Showing with 42 additions and 44 deletions
DAPlatform-front/src/components/Layout.vue
<template> <template>
<div class="layout"> <div class="layout">
<el-header style="height: 70px;background-color: #606266"></el-header> <el-header style="height: 70px;background-color: #606266"></el-header>
<ToolBar></ToolBar> <ToolBar></ToolBar>
<el-container> <el-container>
<el-aside > <el-aside>
<sidebar class="sidebar"></sidebar> <sidebar class="sidebar"></sidebar>
</el-aside> </el-aside>
<el-main class="workbench"> <el-main class="workbench">
<main-view class="main-view"></main-view> <main-view class="main-view"></main-view>
<BottomToolBar class="bottom-tool-bar"></BottomToolBar> <BottomToolBar class="bottom-tool-bar"></BottomToolBar>
</el-main> </el-main>
</el-container> </el-container>
</div> </div>
</template> </template>
<script> <script>
import Sidebar from './Sidebar' import Sidebar from './Sidebar'
import MainView from './MainView' import MainView from './MainView'
import ToolBar from "./ToolBar"; import ToolBar from './ToolBar'
import BottomToolBar from "./BottomToolBar"; import BottomToolBar from './BottomToolBar'
export default { export default {
name: "Layout", name: 'Layout',
components: { components: {
BottomToolBar, BottomToolBar,
ToolBar, ToolBar,
sidebar: Sidebar, sidebar: Sidebar,
mainView: MainView mainView: MainView
},
} }
};
</script> </script>
<style scoped> <style scoped>
.layout { .layout {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
} }
.workbench{ .workbench {
border: 2px solid #409EFF; border: 2px solid #409eff;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.sidebar{ .sidebar {
margin-left: 10px; margin-left: 10px;
} }
.main-view{ .main-view {
}
} .bottom-tool-bar {
.bottom-tool-bar{ position: fixed;
position: fixed; left: 50%;
left: 50%; bottom: 15%;
bottom: 15%; }
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment