分享一个我自己修改的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 协议》,转载必须注明作者和本文链接
本帖由系统于 8个月前 自动加精
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 27

666 看着还是很舒服

8个月前 评论

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

8个月前 评论
chowjiawei

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

8个月前 评论

不错不错 挺好看的

8个月前 评论

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

8个月前 评论

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

8个月前 评论

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

8个月前 评论

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

8个月前 评论

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

8个月前 评论
Death_satan 8个月前

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

8个月前 评论

一股浓浓的阿里味 :joy:

7个月前 评论

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

7个月前 评论

可以的,在admin/bootstrap.php 中引用后, 打开配置文件 config/admin.php 配置参数 admin.layout.sidebar_style 可以配置菜单样式为:dark

例如: 'sidebar_style' => 'dark',

6个月前 评论

竟然是甜筒君,还买过您的模块呐~东西做的还不错哦

6个月前 评论

@lxalano 居然在技术论坛还能遇到客户 :blush:感谢支持

6个月前 评论

file这样没有效果啊

6个月前 评论
douluo 5个月前

只有左侧菜单变了,右侧还是原来的样式,风格完全不搭配啊。

5个月前 评论

我想问一下,有时候展示的时候, 需要对某个字段进行多次渲染和处理显示,该怎么做?例如,一个粉丝字段,原始的都是数字,需要展示原始数字和格式化后的,但是目前好像一个字段只能用一次。。。。

1个月前 评论

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