光年模板说明文档
主题
字号
18px

模板使用简要说明

因为项目是基于Bootstrap的,使用的版本分别是Bootstrap 3.3.7和Bootstrap 4.4.1,如果不熟悉Bootstrap的小伙伴,可以先阅读下Bootstrap的文档,这样有利于自己后期的一些排版操作。

Bootstrap 3中文文档

Bootstrap 4中文文档

注意:v4的版本和v3有较大的区别,不支持直接升级,原因是Bootstrap 4相对于3来说,改了太多的东西了,后面会有一篇文档专门说明下这个。

对于光年模板的普通版本,可能有些小伙伴,会遇到的问题是在于侧边栏的选中问题,普通版本的示例页面,每一个页面都是单独写死的菜单选中,而在实际项目的使用中,菜单选中需要自己写代码来操作,你可以参考我的php示例项目,另外也可以查看另一篇文档:关于非iframe版本菜单高亮。

针对于iframe版本,很多小伙伴都会改首页的url地址,所以这里指出下url地址的位置:index.min.js文件中搜索lyear_main.html,找到后改成你自己的首页URL地址即可。

模板的标签页用到了开源的插件,后面会有单独的文档来说明。

Light Year Admin v4 项目中,有页面加载loading,之所以在页面上增加页面的loading,主要是为了防止 谷歌浏览器 的闪动问题。如果你不想要,可以删除,如下找到页面中的代码,做整体删除替换。

<!--页面loading-->
<div id="lyear-preloader" class="loading">
  <div class="ctn-preloader">
    <div class="round_spinner">
      <div class="spinner"></div>
      <img src="images/loading-logo.png" alt="">
    </div>
  </div>
</div>
<!--页面loading end-->

然后在main.min.js中,找到如下代码删除:

    // 关闭页面loading
    setTimeout(function () {
        $('#lyear-preloader').fadeOut(500, function () {
            $('#lyear-preloader').removeClass('loading');
        });
    }, 500);