From 54f1953f4eec5523bd142fa3ca88857a970405fd Mon Sep 17 00:00:00 2001 From: liuzhihang Date: Sat, 5 Nov 2022 09:38:32 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=9B=9E=20sidebar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- templates/assets/js/main.js | 12 +- templates/modules/layouts/layout.html | 229 ++++++++++++++++++++++++++ 2 files changed, 235 insertions(+), 6 deletions(-) diff --git a/templates/assets/js/main.js b/templates/assets/js/main.js index 993feef4..b25b9b5a 100644 --- a/templates/assets/js/main.js +++ b/templates/assets/js/main.js @@ -34,7 +34,7 @@ document.addEventListener('DOMContentLoaded', function () { const sidebarFn = () => { const $toggleMenu = document.getElementById('toggle-menu') const $mobileSidebarMenus = document.getElementById('sidebar-menus') - // const $menuMask = document.getElementById('menu-mask') + const $menuMask = document.getElementById('menu-mask') const $body = document.body function openMobileSidebar() { @@ -53,11 +53,11 @@ document.addEventListener('DOMContentLoaded', function () { $toggleMenu.addEventListener('click', openMobileSidebar) - // $menuMask.addEventListener('click', e => { - // if ($mobileSidebarMenus.classList.contains('open')) { - // closeMobileSidebar() - // } - // }) + $menuMask.addEventListener('click', e => { + if ($mobileSidebarMenus.classList.contains('open')) { + closeMobileSidebar() + } + }) window.addEventListener('resize', e => { if (btf.isHidden($toggleMenu)) { diff --git a/templates/modules/layouts/layout.html b/templates/modules/layouts/layout.html index fbadce52..f3f9702d 100644 --- a/templates/modules/layouts/layout.html +++ b/templates/modules/layouts/layout.html @@ -43,6 +43,235 @@
+ +