模板使用简要说明

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

[Bootstrap 3中文文档](https://v3.bootcss.com/ "Bootstrap 3中文文档")

[Bootstrap 4中文文档](https://v4.bootcss.com/ "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，主要是为了防止 谷歌浏览器 的闪动问题。如果你不想要，可以删除，如下找到页面中的代码，做整体删除替换。
![](/uploads/images/20211230/47c19e5f2898c8e079e402440005140e.png)
```html

<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>

```
然后在main.min.js中，找到如下代码删除：
```javascript
    // 关闭页面loading
    setTimeout(function () {
        $('#lyear-preloader').fadeOut(500, function () {
            $('#lyear-preloader').removeClass('loading');
        });
    }, 500);
```