Laravel Admin 更换图标库

LaravelAdmin 自带的 Fontawesome 图标库不够用,这里给出更换的方法

Google Material Icons
Material Design Icons

重写内置视图

如果有需要自己修改view,但是不方便直接修改laravel-admin的情况,可以用下面的办法解决

复制vendor/encore/laravel-admin/views到项目的resources/views/admin,然后在app/Admin/bootstrap.php文件中加入代码:

1
app('view')->prependNamespace('admin', resource_path('views/admin'));

引入CSS文件

  • resources/views/admin/index.blade.php
1
<link rel="stylesheet" href="//cdn.materialdesignicons.com/3.2.89/css/materialdesignicons.min.css">

index.blade.php

修改Menu文件

  • resources/views/admin/partials/menu.blade.php
1
修改 fa ==> mdi

menu.blade.php

魔改JS文件

  • public/vendor/laravel-admin/fontawesome-iconpicker/dist/js

搜索defaultOptions.icons, 修改最后那个数组

fontawesome-iconpicker

点击查看JS

菜单列表处的图标还需要修改一个地方

menu

效果图

效果图

Powered by Hexo and Hexo-theme-hiker

Copyright © 2017 - 2023 Keep It Simple And Stupid All Rights Reserved.

访客数 : | 访问量 :