FilletAside.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <div class="floating">
  3. <div class="layout_fillet-logo">
  4. <Logo v-if="!isCollapse"/>
  5. <CollapseIcon/>
  6. </div>
  7. <div class="layout_flex_1-y">
  8. <MenuV2 type="fillet"/>
  9. </div>
  10. </div>
  11. </template>
  12. <script setup lang="ts">
  13. import {computed} from "vue";
  14. import Logo from '../HeaderV2/Logo.vue'
  15. import {useSystemStore} from "@/pinia/system-store";
  16. import MenuV2 from "@/layout/MenuV2/MenuV2.vue";
  17. import CollapseIcon from "@/layout/compoents/CollapseIcon.vue";
  18. const systemStore = useSystemStore()
  19. const isCollapse = computed<boolean>(() => systemStore.getCollapse)
  20. </script>
  21. <style lang="scss">
  22. .floating {
  23. height: 100%;
  24. width: 100%;
  25. background-color: var(--el-menu-bg-color);
  26. display: flex;
  27. flex-direction: column;
  28. .el-menu {
  29. border-right: 0 !important;
  30. position: relative;
  31. }
  32. .menu {
  33. overflow: auto;
  34. }
  35. }
  36. .layout_fillet-logo {
  37. display: flex;
  38. padding: 5px 10px 0 10px;
  39. align-items: center;
  40. justify-content: space-between;
  41. }
  42. :deep(.el-sub-menu__title) {
  43. padding: 0 16px;
  44. }
  45. </style>