feat: blur

This commit is contained in:
Tim
2025-07-29 21:01:51 +08:00
parent 275360983f
commit 393128b326
23 changed files with 80 additions and 20 deletions
+23 -8
View File
@@ -1,15 +1,19 @@
<template>
<div id="app">
<HeaderComponent
@toggle-menu="menuVisible = !menuVisible"
:show-menu-btn="!hideMenu"
/>
<div class="header-container">
<HeaderComponent
@toggle-menu="menuVisible = !menuVisible"
:show-menu-btn="!hideMenu"
/>
</div>
<div class="main-container">
<MenuComponent
:visible="!hideMenu && menuVisible"
@item-click="menuVisible = false"
/>
<div class="menu-container">
<MenuComponent
:visible="!hideMenu && menuVisible"
@item-click="menuVisible = false"
/>
</div>
<div
class="content"
:class="{ 'menu-open': menuVisible && !hideMenu }"
@@ -47,6 +51,17 @@ export default {
</script>
<style>
.header-container {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.menu-container {
}
.content {
flex: 1;
max-width: 100%;