主题与颜色--Dcat-Admin框架实战(十)
(更多博文,歡迎來我的博客學(xué)習(xí)交流https://blog.csdn.net/have_a_cat)
Dcat-Admin框架的優(yōu)勢(shì)之一,就是它的多樣化的主題和配色了,簡(jiǎn)單修改一兩行代碼,就又是一個(gè)高顏值網(wǎng)站!
目錄
一、五種主題
二、切換主題
附五種主題代碼及樣式
indigo
blue
blue-light
blue-dark
green
一、五種主題
Dcat-Admin框架共有5種主題:indigo, blue, blue-light, blue-dark, green
二、切換主題
1、打開/home/admin/test10/config/admin.php(更多博文,歡迎來我的博客學(xué)習(xí)交流https://blog.csdn.net/have_a_cat)
(其中,test10為我的項(xiàng)目名稱;/home/admin/test10/為我的項(xiàng)目路徑)
2、通過配置admin=>layout=>color參數(shù)修改主題顏色,比如我們把默認(rèn)的indigo修改為green
這樣就完成了主題的切換!很easy吧~
附五種主題代碼及樣式
indigo
??? 'layout' => [
??????? 'color' => 'indigo',
??????? 'body_class' => '',
??????? 'sidebar_collapsed' => false,
??????? 'sidebar_style' => 'light',/*(更多博文,歡迎來我的博客學(xué)習(xí)交流https://blog.csdn.net/have_a_cat)*/
?????? ?'dark_mode_switch' => false,
??????? 'navbar_color' => '',
],
blue
??? 'layout' => [
??????? 'color' => 'blue',
??????? 'body_class' => '',
??????? 'sidebar_collapsed' => false,
??????? 'sidebar_style' => 'light',
?????? ?'dark_mode_switch' => false,
??????? 'navbar_color' => '',
],
blue-light
??? 'layout' => [
??????? 'color' => 'blue-light',
??????? 'body_class' => '',
??????? 'sidebar_collapsed' => false,
??????? 'sidebar_style' => 'light',
?????? ?'dark_mode_switch' => false,/*(更多博文,歡迎來我的博客學(xué)習(xí)交流https://blog.csdn.net/have_a_cat)*/
??????? 'navbar_color' => '',
],
blue-dark
??? 'layout' => [
??????? 'color' => 'blue-dark',
??????? 'body_class' => '',
??????? 'sidebar_collapsed' => false,
??????? 'sidebar_style' => 'light',
?????? ?'dark_mode_switch' => false,
??????? 'navbar_color' => '',
],
green
??? 'layout' => [
??????? 'color' => 'indigo',
??????? 'body_class' => '',
??????? 'sidebar_collapsed' => false,
??????? 'sidebar_style' => 'light',
?????? ?'dark_mode_switch' => false,
??????? 'navbar_color' => '',/*(更多博文,歡迎來我的博客學(xué)習(xí)交流https://blog.csdn.net/have_a_cat)*/
],
?
?
總結(jié)
以上是生活随笔為你收集整理的主题与颜色--Dcat-Admin框架实战(十)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: springaop----springa
- 下一篇: JavaScript上传图片方式