关于模板的默认主题或者配色

有些小伙伴想在打开的时候直接就使用默认的主题或者配色。

其实很简单,不管是主题还是顶部和边框的其他配色,在你选中一项时,js只是针对body新增了一项属性,如下:

  • 主题:data-theme="dark"
  • LOGO处配色:data-logobg="color_2"
  • 顶部栏配色:data-headerbg="color_2"
  • 侧边栏配色:data-sidebarbg="color_2"

在浏览器f12下,你自己操作选择一下配色,能看到body处的变化,根据你自己喜欢的颜色,修改成当前的值就好了,如上:color_2就是绿色。在自己使用的时候,默认在页面中就写上这个属性就好了。

当然你用了默认配色,如果主题配置这一块的功能还有,就需要改一下这一块默认的选中项了,都是radio的,将你默认的颜色的那个radio改成checked。


  <body data-headerbg="color_2">
  
0 条评论