关于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; ``` 如果你不喜欢圆角，可以根据自己的喜好，修改这个值。