“左侧菜单”和“主菜单”增加移动端控制

This commit is contained in:
1152958806@qq.com 2023-12-27 21:39:36 +08:00
parent b338ccd3c3
commit 14f19fc7ca
3 changed files with 38 additions and 4 deletions

View File

@ -39,9 +39,43 @@ spec:
- group: nav - group: nav
label: 导航 label: 导航
formSchema: formSchema:
- $formkit: group
name: menus
label: 菜单控制
value:
pc_leftMenu: true
phone_leftMenu: true
phone_menu: true
children:
- $formkit: radio
name: pc_leftMenu
id: pc_leftMenu
label: pc端左侧菜单
options:
- label: 显示
value: true
- label: 隐藏
value: false
- $formkit: radio
name: phone_leftMenu
label: 移动左侧菜单
options:
- label: 显示
value: true
- label: 隐藏
value: false
- $formkit: radio
name: phone_menu
label: 移动主菜单
options:
- label: 显示
value: true
- label: 隐藏
value: false
- $formkit: menuRadio - $formkit: menuRadio
name: leftMenu name: leftMenu
label: 站点名左侧 if: $get(pc_leftMenu).value
label: 站点名左侧菜单
help: 默认只有主菜单,可前往【外观】—>【菜单】新建菜单组 help: 默认只有主菜单,可前往【外观】—>【菜单】新建菜单组
value: "" value: ""
- $formkit: group - $formkit: group

View File

@ -10,7 +10,7 @@
<span>显示模式</span> <span>显示模式</span>
</a> </a>
</div> </div>
<th:block th:if="${not #strings.isEmpty(theme.config.nav.leftMenu)}" <th:block th:if="${not #strings.isEmpty(theme.config.nav.leftMenu) && theme.config.nav.menus.phone_leftMenu}"
th:with="leftMenu = ${menuFinder.getByName(theme.config.nav.leftMenu)}"> th:with="leftMenu = ${menuFinder.getByName(theme.config.nav.leftMenu)}">
<div class="back-menu-list-groups"> <div class="back-menu-list-groups">
<div class="back-menu-list-group" th:each="menuItem : ${leftMenu.menuItems}"> <div class="back-menu-list-group" th:each="menuItem : ${leftMenu.menuItems}">
@ -36,7 +36,7 @@
</div> </div>
</th:block> </th:block>
<th:block th:if="${not #lists.isEmpty(menuFinder.getPrimary().menuItems)}" <th:block th:if="${not #lists.isEmpty(menuFinder.getPrimary().menuItems) && theme.config.nav.menus.phone_menu}"
> >
<div class="menus_items"> <div class="menus_items">
<div class="menus_item" th:each="menuItem : ${menuFinder.getPrimary().menuItems}"> <div class="menus_item" th:each="menuItem : ${menuFinder.getPrimary().menuItems}">

View File

@ -1,7 +1,7 @@
<!-- 导航栏左侧 --> <!-- 导航栏左侧 -->
<div id="blog_name" > <div id="blog_name" >
<th:block th:if="${not #strings.isEmpty(theme.config.nav.leftMenu)}" <th:block th:if="${not #strings.isEmpty(theme.config.nav.leftMenu) && theme.config.nav.menus.pc_leftMenu}"
th:with="leftMenu = ${menuFinder.getByName(theme.config.nav.leftMenu)}"> th:with="leftMenu = ${menuFinder.getByName(theme.config.nav.leftMenu)}">
<!-- 菜单栏左侧按钮,没有配置时,则不展示--> <!-- 菜单栏左侧按钮,没有配置时,则不展示-->
<div class="back-home-button" tabindex="-1" <div class="back-home-button" tabindex="-1"