菜单栏是一个网站颜值的重要组成部分，今天一起来体验下Dcat-Admin框架的两种布局和三种颜色风格。

一、菜单栏的两种布局

1、左侧纵向菜单栏布局

2、顶部横向菜单栏布局

报错解决（1）

二、菜单栏的三种颜色风格。

1、light风格菜单栏

2、primary风格菜单栏

3、dark风格菜单栏

一、菜单栏的两种布局

1、左侧纵向菜单栏布局

Dcat-Admin框架默认为[左侧纵向]菜单栏

2、顶部横向菜单栏布局

（1）打开/home/admin/test10/config/admin.php

（其中，test10为我的项目名称；/home/admin/test10/为我的项目路径）

（2）配置admin=>layout=>horizontal_menu，为true.

    'layout' => ['color' => 'default','body_class' => [],'horizontal_menu' => true,'sidebar_collapsed' => false,'sidebar_style' => 'light','dark_mode_switch' => false,'navbar_color' => '',],

（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）

报错解决（1）

Dcat-Admim框架已将/config/admin.php中的admin=>layout=>horizontal_menu配置为true，菜单栏没有变成[顶部横向]

解决：

说明当前使用的是Dcat-Admin 1.0框架，Dcat-Admin 2.0框架才支持菜单栏[顶部横向]布局；需要将Dcat-Admin升级到2.0.

Dcat-Admin由1.0升级到2.0教程见：https://blog.csdn.net/have_a_cat/article/details/117061491

（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）

二、菜单栏的三种颜色风格。

1、light风格菜单栏

Dcat-Admin框架默认为[light]风格菜单栏

2、primary风格菜单栏

（1）打开/home/admin/test10/config/admin.php

（其中，test10为我的项目名称；/home/admin/test10/为我的项目路径）

（2）配置admin=>layout=>sidebar_style，为primary.

    'layout' => ['color' => 'default','body_class' => [],'horizontal_menu' => false,'sidebar_collapsed' => false,'sidebar_style' => 'primary','dark_mode_switch' => false,'navbar_color' => '',],

3、dark风格菜单栏

配置admin=>layout=>sidebar_style，为dark.

（更多博文，欢迎来我的博客学习交流https://blog.csdn.net/have_a_cat）

各位码友，大家好~

已经写了66篇原创了呢，今天借着520♥和大家自我介绍下，我是 有猫彬，一个爱法律的程序员，一名爱做菜的生活家~

期待与大家共同感受美好生活，共同提高编码水平！

----2021年5月20日星期四

Dcat-Admim菜单栏[顶部横向]和[左侧纵向]随心设置--Dcat-Admin框架实战(十三)相关推荐

css怎么把横向菜单变纵向_压力容器钢板力学性能试验，横向取样的规定放松了？...
本文依据以下文献整理:熊从贵, 何静, 陈送送. 压力容器常用钢板的横向与纵向力学性能差异[J].化工机械, 2020, 47(3). 生产压力容器用钢板的原料通常为钢锭或连铸坯. 钢锭缺陷较多,原料 ...
纵向表格_Excel如何把横向数据变纵向？教你一键快速实现
平时我们在使用Excel表格来整理数据信息时,我们可能会遇到这样的情况,就是在整理他人录入的表格数据内容的时候,往往会因为个人习惯的问题,将本应该是纵向排列的数据,录入成了横向的数据,而此时我们在收到 ...
横向项目和纵向项目的区别
前言:读研的同学可能经常会听到横向课题.纵向课题,但是对于初入硕士研究生的同学,可能对此略有懵懂.下面给出以下解释,希望能够帮助到你们. 科技项目包括纵向科技项目和横向科技项目. 1. 纵向科技项目 ...
关于软件开发项目任务的横向分解和纵向分解
转在一个软件研发项目的管理实践中,项目任务的分解一直是一个很重要的工作,但是不同的项目经理对这个问题的操作方式又常常会千差万别,其中一个很常见的分歧在于,是横向分解还是纵向分解?本文试图对此进行一个 ...
横向越权和纵向越权(水平越权、垂直越权)
越权:顾名思义,就是获得了本不应该有的权限. 我们都喜欢创造一些复杂的词汇,而实际上这些词就是一个代词,根本没有那么复杂. 越权漏洞往往是基于业务逻辑的漏洞,这样的漏洞很难被WAF保护. 越权的分类 ...
什么是横向扩展、纵向扩展？
什么是横向扩展.纵向扩展? 横向扩展英文简称:Scale Out,全称:Scale horizontally,横向扩展,向外扩展. 纵向扩展英文简称:Scale Up,全称:Scale vertica ...
数据库拆分：横向拆分和纵向拆分
数据库拆分:横向拆分和纵向拆分一.基本思想 Sharding的基本思想就要把一个数据库切分成多个部分放到不同的数据库(server)上,从而缓解单一数据库的性能问题.不太严格的讲,对于海量数据的数 ...
微服务拆分：业务横向拆分和纵向拆分
大规模系统架构的设计一般原则就是尽可能地拆分,以达到更好的独立扩展与伸缩.更灵活的部署.更好的隔离和容错.更好的开发效率. 具体的拆分策略大体上可以分为横向拆分和纵向拆分. 总结: 纵向拆分主要从业务 ...
Android仿微信底部菜单栏+顶部菜单栏（附源码）
林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 本文要实现仿微信微信底部菜单栏+顶部菜单栏,采用ViewPage来做,每一个page对应一个X ...

Dcat-Admim菜单栏[顶部横向]和[左侧纵向]随心设置--Dcat-Admin框架实战(十三)

一、菜单栏的两种布局

1、左侧纵向菜单栏布局

2、顶部横向菜单栏布局

报错解决（1）

二、菜单栏的三种颜色风格。

1、light风格菜单栏

2、primary风格菜单栏

3、dark风格菜单栏

Dcat-Admim菜单栏[顶部横向]和[左侧纵向]随心设置--Dcat-Admin框架实战(十三)相关推荐

最新文章

热门文章

Dcat-Admim菜单栏[顶部横向]和[左侧纵向]随心设置--Dcat-Admin框架实战(十三)

一、菜单栏的两种布局

1、左侧纵向 菜单栏布局

2、顶部横向 菜单栏布局

报错解决（1）

二、菜单栏的三种颜色风格。

1、light风格菜单栏

2、primary风格菜单栏

3、dark风格菜单栏

Dcat-Admim菜单栏[顶部横向]和[左侧纵向]随心设置--Dcat-Admin框架实战(十三)相关推荐

最新文章

热门文章

1、左侧纵向菜单栏布局

2、顶部横向菜单栏布局