最近一天的框架,以及样式调整

This commit is contained in:
bob
2024-10-23 22:23:01 +08:00
parent 0d4a5a50f8
commit 92849d6fed
4 changed files with 97 additions and 58 deletions

View File

@@ -3,7 +3,7 @@ import { User, Key } from '@element-plus/icons-vue'
</script>
<template>
<el-container>
<el-container class="setting-layout">
<el-header class="bdr-b">我的设置</el-header>
<el-container class="el-container__body">
<el-aside class="bdr-r body" width="200px">
@@ -27,6 +27,10 @@ import { User, Key } from '@element-plus/icons-vue'
</template>
<style lang="scss" scoped>
.setting-layout {
height: 100vh;
}
.el-header {
width: 100%;
height: 60px;
@@ -35,16 +39,10 @@ import { User, Key } from '@element-plus/icons-vue'
font-size: 18px;
}
.el-container__body {
height: 100vh;
.el-aside {
width: 150px;
height: 100%;
margin-top: 8px;
padding: 8px;
padding-top: 3px;
}
.el-aside {
width: 150px;
height: 100%;
padding: 8px;
}
.el-menu {
@@ -53,7 +51,7 @@ import { User, Key } from '@element-plus/icons-vue'
.el-menu-item {
border-radius: 8px;
margin-bottom: 2px;
margin-bottom: 5px;
&:hover {
background-color: #dedfe0;