惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Last Week in AI
Last Week in AI
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园_首页
雷峰网
雷峰网
IT之家
IT之家
I
InfoQ
酷 壳 – CoolShell
酷 壳 – CoolShell
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
B
Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园 - 【当耐特】
大猫的无限游戏
大猫的无限游戏
博客园 - 聂微东
Hugging Face - Blog
Hugging Face - Blog
A
About on SuperTechFans
月光博客
月光博客
P
Proofpoint News Feed
博客园 - 三生石上(FineUI控件)
J
Java Code Geeks
G
Google Developers Blog
小众软件
小众软件
宝玉的分享
宝玉的分享
Jina AI
Jina AI
V
Visual Studio Blog

博客园 - 温柔的风

宝塔面板定时任务目录清理日志-定时检测阈值清理 Mysql8 允许远程登录 【uni-app】申请高德地图key,封装map.js,实现H5、iOS、Android通过getlocation获取地图定位信息(摘) centos安装atop工具,检测服务器情况 mysql 8.0查看正在执行的事务锁 webman 安装gateway实现socket https站点websocket连接失败问题 layui table 表格过滤tableFilter 谷歌浏览器无法播放音频mp3怎么办? uniapp下实现心跳检测服务端并且结合生命周期自动再次连接绑定客户端 git push Git远端意外挂断 php对接阿里通义AI模型,简单实现浏览器端以sse方式输出 Layer.js最大化最小化监听 Linux磁盘阈值及内存阈值检测脚本 fastadmin控制列显示与隐藏 基于uniapp的全局监听websocket连接及接收服务端消息 fastadmin-PHP-导出少量数据PhpOffice以及百万级别数据csv压缩 Macbook M1下安装Kibana Macbook M1下安装elasticsearch Fastadmin表格的列头对齐以及内容对齐设定方式
fastadmin自定义主题并随切换变更iframe颜色
温柔的风 · 2024-11-22 · via 博客园 - 温柔的风

一、不同皮肤主题的css文件

fastadmin自带一些皮肤,不同的皮肤对应不同的css样式文件,对应目录 :public/assets/css/skins。

比如拿其中一个css自定义一些样式,记住所需要强制定义样式的css前面一定加所在皮肤文件的样式头,如 .skin-black-blue

 二、随着切换皮肤主题,修改ifrme的样式

1.修改js文件\public\assets\js\backend\index.js在皮肤切换js中增加两行代码

$("iframe").contents().find("body").removeClass(my_skins.join(' ')).addClass(skin);
$("iframe").contents().find('head').append('<link rel="stylesheet" href="' + cssfile + '" type="text/css" />');

2.iframe框架文件\application\admin\view\layout\default.html文件body的class中增加

{$Think.config.fastadmin.adminskin|default='skin-black-blue'}

3、在 控制器中加入相关设置 如果需要全局设置可以加在 common\controller\Backend.php中 如果只作用于某个控制器 加在相应控制器的index方法中,这里我放在了底部

$cookieArr = ['adminskin' => "/^skin\-([a-z\-]+)\$/i", 'multiplenav' => "/^(0|1)\$/", 'multipletab' => "/^(0|1)\$/", 'show_submenu' => "/^(0|1)\$/"];
        foreach ($cookieArr as $key => $regex) {
            $cookieValue = $this->request->cookie($key);
            if (!is_null($cookieValue) && preg_match($regex, $cookieValue)) {
                config('fastadmin.' . $key, $cookieValue);
            }
        }

完成,我这里切换的时候,皮肤颜色都会发生变化,如果 iframe不会自动刷新、可以加一个自动刷新