模板简介
模板使用简要说明
主题配色及保存
顶部导航对应侧边栏菜单切换
侧边栏菜单的JS初始化
点击侧边栏刷新
iframe版本右侧内容区域404问题
关于非iframe版本菜单高亮
iframe版本子页面内新建TAB
iframe中操作当前Tabs
iframe页面内的loading
多标签页(Multitabs)插件说明
关于multitabs的一些调整
调整左侧的宽度
webuploader使用时候的问题
关于模板的默认主题或者配色
关于模板的字体图标问题
关于版权和商业用途
模板中固有的插件
光年模板的loading和消息(v3)
rangeSlider滑块(v3)
bootstrap-datepicker日期(v3)
bootstrap-datepicker日期(v4)
bootstrap-datetimepicker日期时间(v3)
bootstrap-datetimepicker日期时间(v4)
perfect-scrollbar滚动条
Chart.js图表
bootstrap-colorpicker颜色选择
jquery-confirm对话框
jquery.tagsinput标签
bootstrap-notify消息(v4)
chosen.jquery关联选择
jquery.bootstrap.wizard向导
clockpicker时间选择(v4)
bootstrap-maxlength长度验证(v4)
bootstrap-select下拉选择(v4)
fullcalendar日程(v4)
bootstrap-table表格插件
插件项目包含插件
Date Range Picker时间段选择
material风格时间选择器
dropzone上传
uploadify上传
webuploader上传
H5图片上传
cropper图片裁剪
ckeditor富文本编辑器
editor.md编辑器
summernote富文本编辑器
tinymce富文本编辑器
ueditor富文本编辑器
wangeditor富文本编辑器
bootstrap-validate表单验证
jquery-validate表单验证
bootstrap-select下拉选择
bootstrap-selectN联动
bootstrap-lyear-select下拉
select2下拉
bootstrap-multiselect下拉多选
lyear-dropdowntree下拉树状
ZTree树形菜单
treeview树状插件
jstree树状结构
imgVer拼图滑块
sliderVerification滑块验证
bootstrap3-dialog模态框
layer弹窗
jquery.auto.complete自动填充
fixedheadertable固定表头
fontIconPicker图标选择
fullcalendar日程
jQuery Raty评分
lyear.loading加载
Bootstrap MaxLength长度验证
jquery.toolbar弹出式工具栏
jquery.bootstrap-touchspin输入框微调
插件项目包含示例
表单布局示例
聊天页面示例
logo处使用文字
模态框中使用Tab选项卡
模态框最大化
顶部消息示例
搜索布局
搜索布局2
搜索布局3
侧滑边栏区域
选择示例
选择示例2
选择示例3
代码演示切换
留言列表布局
数据统计布局
产品价格布局
搜索框
用户头像篇
动画篇
其他篇
另一种侧边栏菜单
模板使用简要说明 - 光年模板说明文档 - 笔下光年
网站首页
模板使用简要说明
因为项目是基于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 <!--页面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中,找到如下代码删除: ```javascript // 关闭页面loading setTimeout(function () { $('#lyear-preloader').fadeOut(500, function () { $('#lyear-preloader').removeClass('loading'); }); }, 500); ```
上一篇:
模板简介
下一篇:
主题配色及保存