模板简介
模板使用说明（必读）
主题配色问题
关于V5模板中的CSS变量
首页修改地址后刷新不变的问题
顶部导航对应侧边栏菜单切换
侧边栏菜单的JS初始化
iframe子页面刷新问题
iframe版本右侧内容区域404问题
关于非iframe版本菜单高亮
iframe版本的Tab插件相关问题
关于iframe版本里面的加载动画
webuploader使用时候的问题
模板字体图标问题
关于版权和商业用途
模板中固有插件
bootstrap-colorpicker颜色选择
bootstrap-datepicker日期选择
bootstrap-datetimepicker日期时间
bootstrap-maxlength长度验证
bootstrap-select下拉选择
bootstrap-table表格插件
fullcalendar日程插件
jquery-confirm对话框
jquery-tagsinput标签插件
magnific-popup图片查看
webuploader上传插件
bootstrap-notify消息插件
chartjs图表插件
bootstrap.wizard向导插件
perfect-scrollbar滚动条插件
bootstrap-multitabs多标签
moment.js日期处理类
loading插件
popper插件
插件项目包含插件
bootstrap-daterangepicker
material-datetimepicker
dropzone上传
cropper图片裁剪
ckeditor富文本编辑器
editor.md编辑器
summernote富文本编辑器
tinymce富文本编辑器
ueditor富文本编辑器
wangeditor富文本编辑器
jquery-validate表单验证
bootstrap-selectN联动
bootstrap-lyear-select下拉
select2下拉选择框
lyear-dropdowntree下拉树状
ZTree树形菜单
treeview树状插件
jstree树状结构
imgVer拼图滑块
sliderVerification滑块验证
layer弹窗插件
jquery.auto.complete自动填充
fixedheadertable固定表头
fontIconPicker图标选择
jQuery Raty评分插件
jquery.toolbar弹出式工具栏
bootstrap-touchspin输入微调器
插件项目包含示例
表单布局示例
聊天页面示例
logo处使用文字
模态框中使用Tab
模态框最大化
搜索布局
搜索布局2
选择示例
选择示例2
选择示例3
选择示例4
代码演示切换
留言列表布局
布局(数据统计篇)
布局(产品价格篇)
布局(搜索框篇)
布局(用户篇)
布局(动画篇)
布局(其他篇)
另一种侧边栏菜单
顶部和左侧联动
JS初始化菜单
H5上传
关于V5模板中的CSS变量 - 光年模板（V5）说明文档 - IT书包
网站首页
关于V5模板中的CSS变量
因为Bootstrap 5开始，css使用了很多变量，这样可以做到统一修改，这些变量基本分为：颜色，字体大小，背景颜色，字体，行高等等。 这里主要要说的，是几个大家可能会想要修改的地方。 #### 1、侧边栏宽度和header高度 这两个修改，请看前面的文档（模板使用说明的第四点）。 http://www.bixiaguangnian.com/manual/lyearadmin5/439.html #### 2、默认的整体配色 早期使用光年模板的小伙伴，应该都知道，光年最初是蓝色配色（就是跟当前这个网页一样的配色），因为不少小伙伴认为这个配色不太合适企业，所以最新的v4 iframe版本中，有热心的小伙伴，已经更改为蓝色并且修改了圆角。 在v5中，这将是可以配置的，虽然v5目前是蓝色主色，如果想要改成蓝绿色，很简单，打开style.min.css，找到下面的代码： ```css --bs-primary: #007bff; --bs-primary-hover: #0096FF; --bs-primary-rgb: 0, 123, 255; ``` 将它们改成即可 ```css --bs-primary: #33cabb; --bs-primary-hover: #52d3c7; --bs-primary-rgb: 51, 202, 187; ``` #### 3、关于card卡片的圆角 目前圆角使用的变量是 ```css --border-radius-mini: 12px; ``` 如果你不喜欢圆角，可以根据自己的喜好，修改这个值。
上一篇：
主题配色问题
下一篇：
首页修改地址后刷新不变的问题
