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

菜单栏是一个网站颜值的重要组成部分，今天一起来体验下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日  星期四