入口文件

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}指向主题布局,您可以选择拥有布局中任意一套。当前提供主题有basetopbar两种。

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>