主题与颜色--Dcat-Admin框架实战(十)
(更多博文,欢迎来我的博客学习交流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框架实战(十)相关推荐
- Dcat-Admin框架JS颜色管理--Dcat-Admin框架实战(十六)
目录 一.颜色管理文件位置 二.介绍颜色函数 1.获取内置颜色代码 2.颜色淡化 小探究(JS加不加分号?) 3.深化颜色 小发现(深化/淡化其实是一个函数?) 4.颜色透明化 5.获取所有内置颜色 ...
- Dcat Admin框架JS颜色中,Dcat.color.darken()其实是调用Dcat.color.lighten()
小发现 闲来无事,有猫彬 又扒了下源码,发现Dcat Admin框架JS颜色中,Dcat.color.darken()其实是调用Dcat.color.lighten() /* Color.js中源码截 ...
- 应用程序框架实战十八:DDD分层架构之聚合
前面已经介绍了DDD分层架构的实体和值对象,本文将介绍聚合以及与其高度相关的并发主题. 我在之前已经说过,初学者第一步需要将业务逻辑尽量放到实体或值对象中,给实体"充血",这样可以 ...
- 应用程序框架实战二十二 : DDD分层架构之仓储(层超类型基础篇)
前一篇介绍了仓储的基本概念,并谈了我对仓储的一些认识,本文将实现仓储的基本功能. 仓储代表聚合在内存中的集合,所以仓储的接口需要模拟得像一个集合.仓储中有很多操作都是可以通用的,可以把这部分操作抽取到 ...
- SSM框架实战系列之十三_H-ui框架之一
SSM框架实战系列之十三_H-ui框架之一 对于很多Java程序员来说,让他们写代码是没问题,但要他们做出一个相对好看的页面,那是相当地困难. 那么一些快速开发框架对于Java程序员来说无疑是一个福音 ...
- 王敏捷 - 深度学习框架这十年!
深度学习框架这十年 王敏捷 ACM'07 纽约大学博士,亚马逊上海研究院应用科学家 内容概览 介绍了深度学习框架发展的三个时期:工具包时代(2014年前).数据流时期(2014-2018).新时代( ...
- python接口自动化测试框架实战从设计到开发_Python接口自动化测试框架实战 从设计到开发...
第1章 课程介绍(不要错过) 本章主要讲解课程的详细安排.课程学习要求.课程面向用户等,让大家很直观的对课程有整体认知! 第2章 接口测试工具Fiddler的运用 本章重点讲解如何抓app\web的h ...
- Pytorch框架实战——102类花卉分类
本篇博文为[唐宇迪]计算机视觉实训营第二天-Pytorch框架实战课程的个人笔记. 代码来自:qiuzitao深度学习之PyTorch实战(十),与视频教学流程记录一致,课程详情可参考该篇. 下文数据 ...
- python接口测试框架与自动化实战_Python接口自动化从设计到开发,测试框架实战与自动化进阶视频课程...
Python接口自动化从设计到开发,测试框架实战与自动化进阶视频课程21套高级软件测试,性能测试,功能测试,自动化测试,接口测试,移动端测试,手机测试,WEB测试,渗透测试,测试用例设计,黑盒测试,白 ...
- vue element-ui 暗黑主题应用到若依框架
问题描述 基于若依框架的element-ui,将主题更换为暗黑主题. 问题分析 现有的element-ui框架提供的主题不满足自定义需求,大多数框架,包括若依提供了更换主题色的功能,但也只是更换的pr ...
最新文章
- wxWidgets刚開始学习的人导引(3)——wxWidgets应用程序初体验
- 自动驾驶激光雷达物体检测技术
- SharePoint Server 2016 部署安装(三)—— 安装SharePoint Server
- 导入第三方依赖库slidingmenu
- Mr.J-- HTTP学习笔记(三)-- HTTP报文
- python中的for in 语句_2、python,for..in语句
- python转json中文乱码_python 序列化成json 乱码问题的解决
- linux 远程管理
- 2018年python工作好找吗-2018年排名前20的数据科学Python库
- 计算机网络安全技术实验教程,网络安全实验教程
- 关于分布函数连续性的运用
- wps垂直居中快捷键_水平与垂直居中怎么设置 在wps中的水平垂直居中在哪
- 2006-09-28 墨子的双眼皮
- 概率论得学习和整理6:概率的分布
- alsa 麦克风采集音频
- 大数据分析和大数据开发哪个好就业啊?
- 换脸新潮流:BIGO风靡全球的人脸风格迁移技术
- 关注李敖神州文化之旅
- 【资源总结】前端资源收集
- 计算机对儿童的影响英语作文,儿童是我们计算机的影响英语作文