入口文件
CSS
<!-- 样式 --><link rel="stylesheet" href="/public/themes/global/css/bootstrap.css"><link rel="stylesheet" href="/public/themes/{layout}/css/index.css" id="admui-siteStyle">
<!-- 图标 CSS--><link rel="stylesheet" href="/public/fonts/font-awesome/font-awesome.css"><link rel="stylesheet" href="/public/fonts/web-icons/web-icons.css">
<!-- 插件 CSS --><link rel="stylesheet" href="/public/vendor/animsition/animsition.css"><link rel="stylesheet" href="/public/vendor/toastr/toastr.css"><link rel="stylesheet" href="/public/vendor/nprogress/nprogress.css"><link rel="stylesheet" href="/public/vendor/mCustomScrollbar/jquery.mCustomScrollbar.css">
|
{layout}指向主题布局，您可以选择拥有布局中任意一套。当前提供主题有base和topbar两种。
JavaScript
需在头部引入的js
Breakpoints用于响应式布局设置断点，当浏览器进入或退出断点时会触发自定义事件，在复杂布局时非常实用。
<!-- 插件 --><script src="/public/vendor/jquery/jquery.min.js"></script><script src="/public/vendor/bootstrap/bootstrap.bundle.min.js"></script><script src="/public/vendor/lodash/lodash.min.js"></script><script src="/public/vendor/breakpoints/breakpoints.min.js"></script><script src="/public/vendor/nprogress/nprogress.js"></script><script src="/public/vendor/layer/layer.min.js"></script>
<!-- 核心 --><script src="/public/themes/global/js/core.js"></script><script src="/public/themes/global/js/configs/site-configs.js"></script><script src="/public/themes/global/js/components.js"></script>
<!-- 布局 --><script src="/public/themes/(布局名)/js/site.js"></script><script src="/public/themes/(布局名)/js/sections/content-tabs.js"></script>
<script> "use strict";
Breakpoints();</script>
|
说明:
Breakpoints用于响应式布局设置断点，当浏览器进入或退出断点时会触发自定义事件，在复杂布局时非常实用。
需在底部引入的js
<!-- 插件 --><script src="/public/themes/global/js/plugins/responsive-tabs.js"></script><script src="/public/vendor/artTemplate/template-web.js"></script><script src="/public/vendor/toastr/toastr.min.js"></script><script src="/public/vendor/ashoverscroll/jquery-asHoverScroll.min.js"></script><script src="/public/vendor/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script><script src="/public/vendor/screenfull/screenfull.min.js"></script> <!-- 消息通知 --><script src="/public/js/notify-msg.js"></script> |
原文地址：https://www.cnblogs.com/admui/p/11106922.html
时间： 2024-10-11 05:05:23