chore: 🔨 移除多余文件
This commit is contained in:
@@ -1,36 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="layout" :class="layoutClass">
|
|
||||||
<!-- 移动端遮罩层 - 当侧边栏打开时显示 -->
|
|
||||||
<div v-if="isMobile && isSidebarOpen" class="layout__overlay" @click="closeSidebar" />
|
|
||||||
|
|
||||||
<!-- 布局内容插槽 - 各种布局模式的具体内容 -->
|
|
||||||
<slot></slot>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import { useLayout, useLayoutResponsive } from "@/composables";
|
|
||||||
|
|
||||||
/// Layout-related functionality and state management
|
|
||||||
const { layoutClass, isSidebarOpen, closeSidebar } = useLayout();
|
|
||||||
|
|
||||||
/// Responsive layout handling for mobile devices
|
|
||||||
const { isMobile } = useLayoutResponsive();
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.layout {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
&__overlay {
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
z-index: 999;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Reference in New Issue
Block a user