Laravel-admin侧边栏折叠菜单新增代码修改方法-php教程-PHP中文网

Creem 支付商店助理 — 查询订阅、客户、交易、产品，执行心跳检查，管理本地 Laravel支付商店。

laravel-admin 侧边栏折叠需修改 layout.blade.php 添加 sidebar id 和状态类、注入折叠按钮及 js 切换逻辑、补充 adminlte 兼容 css 样式，并可选通过 localstorage 持久化状态。

laravel-admin侧边栏折叠菜单新增代码修改方法

要让 Laravel-admin 的侧边栏支持折叠功能，核心在于修改前端布局模板和引入对应的 JavaScript 逻辑，Laravel-admin 默认不提供侧边栏折叠（收起/展开）的开关，需手动增强。

修改 layout.blade.php 启用折叠容器

打开 resources/views/vendor/laravel-admin/layout.blade.php，找到侧边栏外层容器（通常是 <div class="sidebar"> 或类似结构），为其添加固定类名与折叠状态标识，例如： <ul> <li>给 sidebar 容器增加 <code>id="sidebar" 和初始类 sidebar-collapsed（表示默认折叠）或 sidebar-expanded（默认展开）

在 body 标签上添加对应状态类，如（兼容 AdminLTE 风格）

确保外层 wrapper（如 <div class="wrapper">）能响应 sidebar 宽度变化，建议加上 <code>class="hold-transition sidebar-mini"

注入折叠按钮与 JS 控制逻辑

在 layout.blade.php 的顶部导航栏区域（如 <nav class="main-header"></nav> 内），插入一个折叠/展开按钮：

添加按钮 HTML：@#@#@#@#@#@#@#@#@#@0
在页面底部或单独 JS 文件中加入控制脚本，监听点击并切换 sidebar 类名与 body 状态，例如：

（示例 JS）

document.getElementById('sidebar-toggle').addEventListener('click', function(e) {<br>  e.preventDefault();<br>  const sidebar = document.getElementById('sidebar');<br>  const body = document.body;<br>  if (sidebar.classList.contains('sidebar-collapsed')) {<br>    sidebar.classList.remove('sidebar-collapsed');<br>    sidebar.classList.add('sidebar-expanded');<br>    body.classList.remove('sidebar-collapse');<br>    body.classList.add('sidebar-expand');<br>  } else {<br>    sidebar.classList.remove('sidebar-expanded');<br>    sidebar.classList.add('sidebar-collapsed');<br>    body.classList.remove('sidebar-expand');<br>    body.classList.add('sidebar-collapse');<br>  }<br>});