CPICXIM/desktop_task_schedule
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改了index的布局。

Browse Source
This commit is contained in:
Kane Wang 2023-03-27 20:47:40 +08:00
parent 2bd88d70e9
commit e1cc6b9194
3 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
code/web/task_schedule/src/layout/Index.vue
View File

@ -2,27 +2,25 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-03-23 15:07:31 * @Date: 2023-03-23 15:07:31
* @LastEditors: Kane * @LastEditors: Kane
* @FilePath: /task_schedule/src/layout/index.vue * @FilePath: /task_schedule/src/layout/Index.vue
* @Description: * @Description:
* *
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
<div class="view-wrapper"> <el-container class="layout-container">
<el-container class="layout-container"> <el-header class="layout-header">
<el-header class="layout-header"> <LayoutHeader />
<LayoutHeader /> </el-header>
</el-header> <el-container class="layout-container-down">
<el-container class="layout-container-down"> <el-aside class="layout-aside">
<el-aside class="layout-aside"> <LayoutAside />
<LayoutAside /> </el-aside>
</el-aside> <el-main class="layout-main">
<el-main class="layout-main"> <LayoutMain />
<LayoutMain /> </el-main>
</el-main>
</el-container>
</el-container> </el-container>
</div> </el-container>
</template> </template>
<script lang="ts"> <script lang="ts">
// 组件 // 组件
@ -78,7 +76,8 @@ export default {
.layout-main { .layout-main {
padding: 0px; padding: 0px;
height: 100%; height: calc(100vh - 50px);
width: calc( 100vw - 200px );
} }
} }
} }

11
code/web/task_schedule/src/layout/components/Main.vue
View File

@ -11,7 +11,7 @@
* @Author: Kane * @Author: Kane
* @Date: 2023-01-04 11:40:03 * @Date: 2023-01-04 11:40:03
* @LastEditors: Kane * @LastEditors: Kane
* @LastEditTime: 2023-03-21 23:19:27 * @LastEditTime: 2023-03-27 18:19:35
* @FilePath: /it-console/src/layout/components/Main.vue * @FilePath: /it-console/src/layout/components/Main.vue
* @Description: * @Description:
* *
@ -19,9 +19,7 @@
--> -->
<template> <template>
<el-scrollbar> <el-scrollbar>
<div class="view-wrapper"> <router-view />
<router-view />
</div>
</el-scrollbar> </el-scrollbar>
</template> </template>
@ -38,10 +36,7 @@ export default {
<style scoped> <style scoped>
.el-scrollbar { .el-scrollbar {
height: 100%; height: 100%;
width: 100%;
background-color: #ecf2f9; background-color: #ecf2f9;
} }
.view-wrapper {
padding: 10px;
}
</style> </style>

12
code/web/task_schedule/src/views/Desktop.vue
View File

@ -8,7 +8,9 @@
* Copyright (c) ${2022} by Kane, All Rights Reserved. * Copyright (c) ${2022} by Kane, All Rights Reserved.
--> -->
<template> <template>
<div>工作台</div> <div class="view-wrapper">
工作台
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
export default { export default {
@ -20,5 +22,11 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.view-wrapper
{
height: 2000px;
width: 2000px;
background-color: aquamarine;
padding: 0px;
}
</style> </style>