attiya/ebike-plus-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: aside界面

Browse Source
This commit is contained in:
wang_fan_w 2024-04-01 09:00:20 +08:00
parent 01ee572a97
commit 66f7c58ed4
2 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/layout/LayoutDefaults/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<a-layout class="layout"> <a-layout class="layout">
<a-layout-sider>Sider</a-layout-sider> <Aside />
<a-layout> <a-layout>
<a-layout-header>Header</a-layout-header> <a-layout-header>Header</a-layout-header>
<a-layout-content>Content</a-layout-content> <a-layout-content>Content</a-layout-content>
@ -10,6 +10,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import Aside from "@/layout/components/Aside/index.vue";
defineOptions({ name: "LayoutDefaults" }); defineOptions({ name: "LayoutDefaults" });
</script> </script>

25
src/layout/components/Aside/index.vue Normal file
View File

@ -0,0 +1,25 @@
<template>
<a-layout-sider :width="220">
<div class="logo_head"></div>
<a-scrollbar outer-class="aside_scroll">
<div class="aside_menu"></div>
</a-scrollbar>
</a-layout-sider>
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped>
.logo_head {
height: 60px;
box-shadow: inset 0 0 0 1px red;
}
.aside_scroll {
height: 100%;
box-shadow: inset 0 0 0 1px black;
.aside_menu {
box-shadow: inset 0 0 0 1px cyan;
}
}
</style>