FAQ
需要帮忙吗?
最常被问到的 21 个问题,快速解答。 使用搜索功能跳转至任意内容,或点击下方主题。
没有找到与您搜索匹配的问题。请尝试其他关键词,或 发起讨论.
入门指南
4 个问题
AdminLTE 到底是什么?
使用它需要构建步骤吗?
<link> 标签和四个
<script> 标签复制到你的 HTML 中就完成了。如果你想要自定义
SCSS 变量或对 JavaScript 进行摇树优化,也可以使用基于 npm 的工作流。
v4 需要哪个版本的 Bootstrap?
package.json 锁定为 5.3.8——更早的 5.3
小版本应该也能用,但未经测试。Bootstrap 5.0 / 5.1 / 5.2 将无法使用(颜色模式和
data-bs-theme 系统是在 5.3 中引入的)。
我可以在 AdminLTE 4 中使用 jQuery 吗?
$.fn.xxx() 这类插件垫片。
框架整合
3 个问题
AdminLTE 可以用于 WordPress 吗?
wp_head()、wp_footer() 和
WordPress 循环周围。AdminLTE 不提供针对 WordPress 的专用构建版本;移植导航
Walker 类和认证表单的工作需要由你来完成。
Laravel?Symfony?Yii?Django?Rails?
React, Vue, Svelte, Angular?
可以使用但不太自然。AdminLTE 的 JavaScript 插件使用 DOM
生命周期钩子(DOMContentLoaded、MutationObserver
模式),这些会与框架的协调机制产生冲突。如果你使用 SPA 框架,请考虑:
- 仅将 AdminLTE 用于 CSS——保留视觉风格,但为交互部分自行编写 React/Vue 组件。
- 或者选择专为你的框架构建的组件库(PrimeReact、Vuetify 等)。
我们不建议将 AdminLTE 的 jQuery 时代插件封装在 SPA 框架组件中——这会带来维护负担,得不偿失。
定制
3 个问题
如何更改主色?
在 :root 中覆盖 --bs-primary(及其对应的 RGB
值):
:root {
--bs-primary: #6610f2;
--bs-primary-rgb: 102, 16, 242;
}
如需更深层控制(侧边栏宽度、breakpoint、间距比例),请参阅自定义与主题。
如何添加日期选择器 / 多选 / 富文本编辑器?
我可以使用 FontAwesome 代替 Bootstrap Icons 吗?
<i class="bi bi-x"> 替换为
<i class="fas fa-x"> 即可。
版本与更新
3 个问题
我如何获取新版本的通知?
https://github.com/ColorlibHQ/AdminLTE/releases.atom。
AdminLTE 3 的文档在哪里?
如何从 v3 升级到 v4?
.wrapper →
.app-wrapper),data-toggle →
data-bs-toggle,深色模式使用 data-bs-theme 替代
.dark-mode,并且不再需要 jQuery。
许可
3 个问题
AdminLTE 可以免费用于商业用途吗?
adminlte.css /
adminlte.js)中保留版权声明。你不需要在界面中显示署名信息。
我需要在应用中注明 AdminLTE 的出处吗?
我可以销售使用 AdminLTE 制作的产品吗?
故障排除
5 个问题
点击侧边栏按钮,侧边栏没有收起。
adminlte.js
中——请确保该脚本标签在页面上,并且位于其操作的目标标记之后。同时,请确认你的汉堡按钮使用了
data-lte-toggle="sidebar"(而不是 v3 版本的属性
data-widget="pushmenu")。
深色模式在刷新后不会保持。
lte-theme 为键名写入
localStorage。如果你使用了不同的切换实现,请确保它既设置了
document.documentElement.setAttribute('data-bs-theme', ...),又在变更时写入 localStorage。
按 ESC 键时 Bootstrap 模态框关闭了,但 AdminLTE 的侧边栏也同时收起了。
我自定义的 SCSS 没有覆盖 AdminLTE 的默认值。
npm install 因 peer 依赖错误而失败。
package.json 中使用了 npm 的
overrides 区块来解决 peer 依赖问题——请确保你使用的 npm 版本为
8.3+,该版本支持此配置。如果你使用的是更旧的 npm 版本,请使用
--legacy-peer-deps 进行安装。
还需要帮助吗?
在 GitHub 上发起讨论, 或浏览文档以获取更深入的解答。