admui 框架源码 入口文件

QQ194633530

入口文件

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