# Light Year Admin Using Iframe v4 光年后台模板基于Bootstrap 4.4.1的iframe版本
#### 更新说明
[更新记录说明](UPDATE.md)
#### 演示网址
#### 老样式(直角蓝绿色)演示地址:
[http://lyear.itshubao.com/iframe/v4](http://lyear.itshubao.com/iframe/v4)
#### 新样式(圆角蓝色)演示地址:
[http://lyear.itshubao.com/iframe/blue-v4](http://lyear.itshubao.com/iframe/blue-v4)
最新的版本,已经有小伙伴改成蓝色和圆角的样式了,这里演示网站暂未更新(有空我会弄一个新的地址)。
原有的版本,我已经拉取了一个新的分支,可以选择feature/非圆角青绿配色分支查看。
[猛戳这里去Light Year Admin项目](https://gitee.com/yinqi/Light-Year-Admin-Template)
[猛戳这里去Light Year Admin Using Iframe项目](https://gitee.com/yinqi/Light-Year-Admin-Using-Iframe)
[猛戳这里去插件整合项目(含v3和v4两个版本示例)](https://gitee.com/yinqi/Light-Year-Example)
[猛戳这里去Light Year Admin v5项目](https://gitee.com/yinqi/Light-Year-Admin-Template-v5)
[猛戳这里去Light Year Admin Using Iframe v5项目](https://gitee.com/yinqi/Light-Year-Admin-Using-Iframe-v5)
#### 模板说明文档
[http://www.bixiaguangnian.com/manual/lyearadmin.html](http://www.bixiaguangnian.com/manual/lyearadmin.html)
#### 介绍
该项目是光年后台管理模板(Light Year Admin Iframe)基于bootstrap 4.4.1版本。
这里就不弄非iframe版本的了,该项目会进行一段时间,基于bootstrap 4.4.1版本。
因4.*的版本,一些class的命名已经改变,并且布局由float改成了flex,所以项目不支持从3.7版本升级到4.4.1版本。
#### 3.*和4.*的一些区别
- 3中的pull-left和pull-right已改成float-left和float-right,hidden改为d-none
- 删除了原有的label类,统一成badge
- 原有的nav下面的li和a标签,新增了class,li上的nav-item,a上的nav-link
- 下拉选项中需要dropdown-item,分割线类名改为dropdown-divider,并且向下的那个图标不需要在新增span元素了
- 输入框组中的input-group-addon已改为input-group-prepend和input-group-append以及input-group-text搭配
- card在3中是没有的,4因为有了默认的一些样式,这里在4的上面做了些调整,并处理成之前差不多的样子
- 栅格布局由原来的float:left改成了flex布局的方式
- carousel幻灯片,原有的item改为carousel-item,left carousel-control和right carousel-control改成carousel-control-prev和carousel-control-next
- 分页中新增了page-item和page-link
- 4中原有响应式样式table-responsive不显示边框,这里调整为跟3版本一样的效果
- 4中新增了不少内容,像复选框、单选框和滑块都有自定义的样式,另外还有新增spinners和toasts等
#### 交流群
![输入图片说明](https://images.gitee.com/uploads/images/2021/0419/100848_c8cf9210_82992.png "光年后台模板交流群群聊二维码.png")
#### Class搜索小工具
[此网址可以方便找到v3和v4中自己想要的class](http://libs.itshubao.com/lyear-search-class/)
#### 特别感谢
- Bootstrap v4.4.1
- JQuery
- Chart.js
- perfect-scrollbar
- Bootstrap-Multitabs
- bootstrap-clockpicker
- bootstrap-colorpicker
- bootstrap-datepicker
- bootstrap-datetimepicker
- bootstrap-table
- jquery-confirm
- jquery-tagsinput
- jquery-treegrid
- moment.js
- bootstrap-notify
- chosen.jquery
- jquery.cookie
- lyear-loading
- perfect-scrollbar
- popper
- bootstrap.wizard
- fullcalendar
- bootstrap-maxlength
- bootstrap-select
- ...
#### 更新记录
2020.08.*
更改侧边栏导航绑定click事件的方式,调整样式,增加说明,调整图库,增加一些样式(并给出示例),tab新增双击刷新(初始化时候配置dbclickRefresh:true),
2020.07.*
更改遗漏的图标,修改loading插件在safari下的bug
2020.06.30
调整js
2020.06.19
调整tags插件
2020.06.01
修改页面bug,增加标注演示
2020.05.30
修改bug,增加js绑定子页面打开tab
2020.05.23
增加日程插件和表单箱单页面,调整表单向导html结构,新增时光轴
2020.05.20
增加两个插件页面,文档页面增加通用ajax请求方法
2020.05.19
修改bug & 增加演示页面
2020.05.17
增加文档页和添加文档页 & 增加对话框和标签页面
2020.05.15
新增加个插件演示页面&调整tab插件布局样式
2020.05.13
完成bootstrap的基础组件
#### 截图
原有的版本,我已经拉取了一个新的分支,可以选择feature/非圆角青绿配色分支查看。
附件里面也有上传的压缩包,可以去如图的地址下载:
![输入图片说明](%E6%90%9C%E7%8B%97%E6%88%AA%E5%9B%BE20220401104626.png)
#### 最新的截图
![输入图片说明](%E6%90%9C%E7%8B%97%E6%88%AA%E5%9B%BE20220401104907.png)
![输入图片说明](%E6%90%9C%E7%8B%97%E6%88%AA%E5%9B%BE20220401104922.png)
#### 原有的颜色
![登录页面一](https://images.gitee.com/uploads/images/2020/0519/221358_55b9d666_82992.png "首页 - 光年(Light Year Admin V4)后台管理系统模板8.png")
![登录页面2](https://images.gitee.com/uploads/images/2020/0519/221535_3f2cd076_82992.png "登录页面 - 光年(Light Year Admin V4)后台管理系统模板7.png")
![首页](https://images.gitee.com/uploads/images/2020/0519/221618_b00cc789_82992.png "首页.png")
![下拉菜单](https://images.gitee.com/uploads/images/2020/0519/221640_c55f42a1_82992.png "下拉菜单.png")
![卡片](https://images.gitee.com/uploads/images/2020/0519/221652_e9edebc4_82992.png "卡片.png")
![按钮](https://images.gitee.com/uploads/images/2020/0519/221702_d2494de4_82992.png "按钮.png")
![警告框](https://images.gitee.com/uploads/images/2020/0519/221722_e57b00a2_82992.png "警告框.png")
![表格插件](https://images.gitee.com/uploads/images/2020/0519/221558_932a3722_82992.png "表格插件.png")
没有合适的资源?快使用搜索试试~ 我知道了~
光年后台管理模板(Light Year Admin Iframe)基于bootstrap 4.4.1版本
共381个文件
js:164个
html:70个
css:32个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 89 浏览量
2024-06-11
06:40:33
上传
评论
收藏 4.93MB ZIP 举报
温馨提示
bootstrap模板 Bootstrap模板是一种基于Bootstrap框架构建的预先设计好的网页布局和样式,旨在帮助开发者快速实现美观且功能完善的网站界面。Bootstrap模板具有以下优势:12 时间节省:无需从零开始设计,直接使用现成的模板进行修改和填充内容,大大节省了开发时间。 专业性:模板通常由专业设计师制作,保证了网站的专业外观和良好用户体验。 多样性:提供多种风格和用途的模板,满足不同行业和项目需求。 易于定制:模板代码清晰,便于进行个性化调整和功能扩展。 社区支持强大:拥有庞大的开发者社区,提供丰富的插件和扩展,便于获取帮助和解决问题。 Bootstrap模板的核心特点包括: 响应式设计:能够自动根据不同设备的屏幕尺寸调整网页布局,确保网站在不同尺寸的设备上都能呈现最佳视图效果。 丰富组件库:提供了一系列丰富的UI组件,如导航栏、按钮、表单元素、轮播图、分页、警告框等,这些组件都经过精心设计,只需简单调用即可实现复杂的交互功能。 易于定制与扩展:基于LESS或SASS预处理器编写,便于开发者自定义样式和主题,同时提供了大量的可配置选项,满足个性化设计需求。
资源推荐
资源详情
资源评论
收起资源包目录
光年后台管理模板(Light Year Admin Iframe)基于bootstrap 4.4.1版本 (381个子文件)
materialdesignicons.min.css 181KB
bootstrap.min.css 156KB
style.min.css 104KB
animate.min.css 56KB
main.css 26KB
bootstrap-datepicker3.css 22KB
jquery-confirm.min.css 22KB
bootstrap-datepicker3.min.css 21KB
main.min.css 14KB
bootstrap-select.css 12KB
bootstrap-colorpicker.css 11KB
bootstrap-select.min.css 11KB
bootstrap-table.min.css 10KB
bootstrap-table.css 10KB
bootstrap-colorpicker.min.css 9KB
bootstrap-datetimepicker.css 9KB
bootstrap-datetimepicker.min.css 8KB
main.css 7KB
bootstrap-clockpicker.css 4KB
main.min.css 3KB
bootstrap-clockpicker.min.css 3KB
multitabs.min.css 2KB
main.css 2KB
main.css 2KB
main.min.css 1KB
main.min.css 1004B
jquery.tagsinput.min.css 886B
main.css 813B
bootstrap-table-cell-input.min.css 605B
bootstrap-table-filter-control.min.css 429B
main.min.css 416B
jquery.treegrid.min.css 175B
materialdesignicons-webfont.eot 684KB
lyear_ui_icon.html 402KB
lyear_utilities_flex.html 47KB
lyear_forms_elements.html 37KB
lyear_pages_doc.html 32KB
lyear_ui_dropdown.html 30KB
lyear_ui_grid.html 30KB
lyear_js_notify.html 26KB
lyear_ui_tables.html 25KB
lyear_ui_tabs.html 23KB
lyear_ui_modal.html 22KB
lyear_ui_scrollspy.html 21KB
lyear_ui_other.html 21KB
lyear_ui_list_group.html 20KB
lyear_ui_cards.html 19KB
index.html 18KB
lyear_ui_toasts.html 18KB
lyear_js_select.html 17KB
lyear_js_chartjs.html 17KB
lyear_js_fullcalendar.html 17KB
lyear_ui_media_object.html 16KB
lyear_forms_input_group.html 16KB
lyear_ui_popovers.html 16KB
lyear_pages_data_table.html 15KB
lyear_ui_typography.html 15KB
lyear_js_jconfirm.html 14KB
index-light.html 13KB
lyear_pages_rabc.html 13KB
lyear_ui_spinners.html 13KB
lyear_utilities_other.html 12KB
lyear_ui_buttons.html 11KB
lyear_ui_progress.html 11KB
lyear_ui_badges.html 10KB
lyear_ui_timeline.html 10KB
lyear_utilities_stretched_link.html 10KB
lyear_utilities_text.html 10KB
lyear_main.html 10KB
lyear_ui_pagination.html 9KB
lyear_ui_images.html 9KB
lyear_utilities_display.html 8KB
lyear_ui_alerts.html 8KB
lyear_ui_button_group.html 8KB
lyear_forms_checkbox.html 7KB
lyear_ui_navbar.html 7KB
lyear_utilities_spacing.html 7KB
lyear_forms_radio.html 7KB
lyear_js_loading.html 7KB
lyear_pages_add_doc.html 6KB
lyear_utilities_colors.html 6KB
lyear_forms_switches.html 6KB
lyear_js_datepicker.html 6KB
lyear_pages_guide.html 6KB
lyear_pages_config_system.html 6KB
lyear_utilities_borders.html 6KB
lyear_ui_tooltips.html 5KB
lyear_utilities_sizing.html 5KB
lyear_pages_config.html 5KB
lyear_js_maxlength.html 5KB
lyear_pages_login_3.html 4KB
lyear_pages_config_upload.html 4KB
lyear_pages_login_4.html 4KB
lyear_utilities_float.html 4KB
lyear_pages_gallery.html 3KB
lyear_pages_login_2.html 3KB
lyear_forms_range.html 3KB
lyear_pages_profile.html 3KB
lyear_pages_login_1.html 3KB
lyear_js_colorpicker.html 2KB
共 381 条
- 1
- 2
- 3
- 4
资源评论
野生的狒狒
- 粉丝: 3281
- 资源: 2335
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功