分享一个我自己修改的Dcat-admin主题,已在公司项目中使用

说明

对于我们这种前端会写,但不熟练的后端来说,Dcat-admin简直是福音。用Dcat-admin也做了几个项目,但是Dcat-admin的样式风格我个人还是不太喜欢。我个人是比较喜欢Ant Design的风格的,所以一直想要把Dcat-admin修改成类似Ant Design的风格。正好前两个月做新项目,趁这个机会改了一下Dcat-admin的样式,基本上大体的风格都是参考了Ant Design的。但目前这个主题还不是最终版本,还有一些地方没有达到我的预期,所以后续还会再进行一些迭代,争取能尽快达到我的预期。虽然还不算完美,但基本上算是可以用的程度了,目前公司的新项目也上线了,正在使用中,所以分享出来给大家尝尝鲜吧!

主要修改内容

1、登录页面进行了重写

分享一个我自己修改的Dcat-admin主题,已在公司项目中使用

2、后台菜单样式进行了修改,风格换成了黑色风格

分享一个我自己修改的Dcat-admin主题,已在公司项目中使用

3、表格的操作由图标改成了文字,操作更加明了

分享一个我自己修改的Dcat-admin主题,已在公司项目中使用

4、swal2的弹窗样式(一直觉得swal2的样式太丑了)

分享一个我自己修改的Dcat-admin主题,已在公司项目中使用

5、alert样式

分享一个我自己修改的Dcat-admin主题,已在公司项目中使用

6、nav-tabs样式

分享一个我自己修改的Dcat-admin主题,已在公司项目中使用
还有一些细节上的东西调整,这里就不一一列出了。

部分页面截图

分享一个我自己修改的Dcat-admin主题,已在公司项目中使用
分享一个我自己修改的Dcat-admin主题,已在公司项目中使用
分享一个我自己修改的Dcat-admin主题,已在公司项目中使用
分享一个我自己修改的Dcat-admin主题,已在公司项目中使用
分享一个我自己修改的Dcat-admin主题,已在公司项目中使用
分享一个我自己修改的Dcat-admin主题,已在公司项目中使用

下载地址

www.aliyundrive.com/s/65NuZEVctBV

本作品采用《CC 协议》,转载必须注明作者和本文链接
本帖由系统于 1个月前 自动加精
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 16

666 看着还是很舒服

1个月前 评论

很不错,赞一个,支持迭代更新

1个月前 评论
chowjiawei

我也喜欢ant d 原来的太丑了

1个月前 评论

不错不错 挺好看的

1个月前 评论

写成扩展兄弟 牛逼了 感谢分享

1个月前 评论

希望一直做下去 密切关注 加油加油

1个月前 评论

@chowjiawei 是的,ant design的细节、设计感都让人很舒服

1个月前 评论

@七年 恩,后续还会抽时间再优化迭代一下。

1个月前 评论

@Death_satan 我也想写成扩展,但是我看了一下官方的扩展说明,关于主题这块并没有具体说明。

1个月前 评论
Death_satan 1个月前

那个图片上传的地方我觉得还可以搞搞,把那个框框去掉,查看直接点击图片查看,删除放图片右上角。现在的太丑了。

1个月前 评论

一股浓浓的阿里味 :joy:

1个月前 评论

我怎么只看到了一个common.css文件,在admin/bootstrap.php中引用了,没发现变化啊。

1个月前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!