(更多博文,欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat)

Dcat-Admin框架的优势之一,就是它的多样化的主题和配色了,简单修改一两行代码,就又是一个高颜值网站!

目录

一、五种主题

二、切换主题

附五种主题代码及样式

indigo

blue

blue-light

blue-dark

green


一、五种主题

Dcat-Admin框架共有5种主题:indigo, blue, blue-light, blue-dark, green

二、切换主题

1、打开/home/admin/test10/config/admin.php(更多博文,欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat)

(其中,test10为我的项目名称;/home/admin/test10/为我的项目路径)

2、通过配置admin=>layout=>color参数修改主题颜色,比如我们把默认的indigo修改为green

这样就完成了主题的切换!很easy吧~

附五种主题代码及样式

indigo

'layout' => [

'color' => 'indigo',

'body_class' => '',

'sidebar_collapsed' => false,

'sidebar_style' => 'light',/*(更多博文,欢迎来我的博客学习交流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,/*(更多博文,欢迎来我的博客学习交流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' => '',/*(更多博文,欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat)*/

],

主题与颜色--Dcat-Admin框架实战(十)相关推荐

  1. Dcat-Admin框架JS颜色管理--Dcat-Admin框架实战(十六)

    目录 一.颜色管理文件位置 二.介绍颜色函数 1.获取内置颜色代码 2.颜色淡化 小探究(JS加不加分号?) 3.深化颜色 小发现(深化/淡化其实是一个函数?) 4.颜色透明化 5.获取所有内置颜色 ...

  2. Dcat Admin框架JS颜色中,Dcat.color.darken()其实是调用Dcat.color.lighten()

    小发现 闲来无事,有猫彬 又扒了下源码,发现Dcat Admin框架JS颜色中,Dcat.color.darken()其实是调用Dcat.color.lighten() /* Color.js中源码截 ...

  3. 应用程序框架实战十八:DDD分层架构之聚合

    前面已经介绍了DDD分层架构的实体和值对象,本文将介绍聚合以及与其高度相关的并发主题. 我在之前已经说过,初学者第一步需要将业务逻辑尽量放到实体或值对象中,给实体"充血",这样可以 ...

  4. 应用程序框架实战二十二 : DDD分层架构之仓储(层超类型基础篇)

    前一篇介绍了仓储的基本概念,并谈了我对仓储的一些认识,本文将实现仓储的基本功能. 仓储代表聚合在内存中的集合,所以仓储的接口需要模拟得像一个集合.仓储中有很多操作都是可以通用的,可以把这部分操作抽取到 ...

  5. SSM框架实战系列之十三_H-ui框架之一

    SSM框架实战系列之十三_H-ui框架之一 对于很多Java程序员来说,让他们写代码是没问题,但要他们做出一个相对好看的页面,那是相当地困难. 那么一些快速开发框架对于Java程序员来说无疑是一个福音 ...

  6. 王敏捷 - 深度学习框架这十年!

    深度学习框架这十年 王敏捷  ACM'07 纽约大学博士,亚马逊上海研究院应用科学家 内容概览 介绍了深度学习框架发展的三个时期:工具包时代(2014年前).数据流时期(2014-2018).新时代( ...

  7. python接口自动化测试框架实战从设计到开发_Python接口自动化测试框架实战 从设计到开发...

    第1章 课程介绍(不要错过) 本章主要讲解课程的详细安排.课程学习要求.课程面向用户等,让大家很直观的对课程有整体认知! 第2章 接口测试工具Fiddler的运用 本章重点讲解如何抓app\web的h ...

  8. Pytorch框架实战——102类花卉分类

    本篇博文为[唐宇迪]计算机视觉实训营第二天-Pytorch框架实战课程的个人笔记. 代码来自:qiuzitao深度学习之PyTorch实战(十),与视频教学流程记录一致,课程详情可参考该篇. 下文数据 ...

  9. python接口测试框架与自动化实战_Python接口自动化从设计到开发,测试框架实战与自动化进阶视频课程...

    Python接口自动化从设计到开发,测试框架实战与自动化进阶视频课程21套高级软件测试,性能测试,功能测试,自动化测试,接口测试,移动端测试,手机测试,WEB测试,渗透测试,测试用例设计,黑盒测试,白 ...

  10. vue element-ui 暗黑主题应用到若依框架

    问题描述 基于若依框架的element-ui,将主题更换为暗黑主题. 问题分析 现有的element-ui框架提供的主题不满足自定义需求,大多数框架,包括若依提供了更换主题色的功能,但也只是更换的pr ...

最新文章

  1. wxWidgets刚開始学习的人导引(3)——wxWidgets应用程序初体验
  2. 自动驾驶激光雷达物体检测技术
  3. SharePoint Server 2016 部署安装(三)—— 安装SharePoint Server
  4. 导入第三方依赖库slidingmenu
  5. Mr.J-- HTTP学习笔记(三)-- HTTP报文
  6. python中的for in 语句_2、python,for..in语句
  7. python转json中文乱码_python 序列化成json 乱码问题的解决
  8. linux 远程管理
  9. 2018年python工作好找吗-2018年排名前20的数据科学Python库
  10. 计算机网络安全技术实验教程,网络安全实验教程
  11. 关于分布函数连续性的运用
  12. wps垂直居中快捷键_水平与垂直居中怎么设置 在wps中的水平垂直居中在哪
  13. 2006-09-28 墨子的双眼皮
  14. 概率论得学习和整理6:概率的分布
  15. alsa 麦克风采集音频
  16. 大数据分析和大数据开发哪个好就业啊?
  17. 换脸新潮流:BIGO风靡全球的人脸风格迁移技术
  18. 关注李敖神州文化之旅
  19. 【资源总结】前端资源收集
  20. 计算机对儿童的影响英语作文,儿童是我们计算机的影响英语作文

热门文章

  1. MFC获取电脑硬盘序列号(附源码)
  2. 聊聊集成电路工程技术人员都有哪些?
  3. MATLAB求解线性规划(含整数规划和0-1规划)问题
  4. 大学生计算机基础第一章试题,2017年大学生计算机基础试题及答案
  5. CPU测评程序、指标、工具
  6. 计算机一级考试考什么呢,计算机一级考试考些什么呢
  7. java freepascal_Free Pascal
  8. visio2003字号与word中的字号对应关系
  9. 海媚服务器怎么进系统,海媚v3服务器配置
  10. java11 http正式_Java11 HttpClient下载中文文件名称乱码