bwadmin/pear-admin-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update: （步骤备份）更新夜间模式同步

Browse Source
This commit is contained in:
wojiaoyishang
2025-01-21 11:02:03 +08:00
parent 813363f0d4
commit b6a64f15dc
5 changed files with 175 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
applications/view/system/dept.py
+1
View File
@@ -11,6 +11,7 @@ from applications.schemas import DeptSchema
bp = Blueprint('dept', __name__, url_prefix='/dept')
# Todo: 部门管理后端
@bp.get('/')
@authorize("system:dept:main", log=True)
static/system/component/pear/css/module/layout.css
-4
View File
@@ -1,7 +1,3 @@
.pear-container {
background-color: whitesmoke;
}
body::-webkit-scrollbar {
width: 0px;
height: 0px;
templates/system/common/footer.html
-1
View File
@@ -4,7 +4,6 @@ const variableKey = "--global-primary-color";
const variableVal = localStorage.getItem("theme-color-color");
document.documentElement.style.setProperty(variableKey, variableVal);
</script>
<script src="{{ url_for('static', filename='system/component/layui/layui.js') }}"></script>
<script src="{{ url_for('static', filename='system/component/pear/pear.js') }}"></script>
templates/system/common/header.html
+18
View File
@@ -5,9 +5,27 @@
<link rel="stylesheet" href="{{ url_for('static', filename='system/component/pear/css/pear.css') }}"/>
<link rel="stylesheet" href="{{ url_for('static', filename='system/admin/css/variables.css') }}"/>
<link rel="stylesheet" href="{{ url_for('static', filename='system/admin/css/reset.css') }}"/>
<link rel="stylesheet" href="{{ url_for('static', filename='system/admin/css/admin.css') }}"/>
<link rel="stylesheet" href="{{ url_for('static', filename='system/admin/css/admin.dark.css') }}"/>
<style>
.layui-form-checked:hover > div {
background-color: unset;
}
</style>
<script>
// 自动切换夜间模式
if (window.self != window.top) {
requestAnimationFrame(function () {
try {
const admin = window.parent.PearAdmin;
let checked = admin.isdrak;
if (checked === true || checked === "true") {
document.querySelector("body").classList.add("pear-admin-dark");
}
} catch (error) {
}
})
}
</script>
templates/system/index.html
+28 -5
View File
@@ -5,8 +5,6 @@
<meta charset="utf-8">
{% include 'system/common/header.html' %}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="{{ url_for('static', filename='system/admin/css/admin.css') }}" />
<link rel="stylesheet" href="{{ url_for('static', filename='system/admin/css/admin.dark.css') }}" />
</head>
<!-- 结 构 代 码 -->
<body class="layui-layout-body pear-admin">
@@ -30,15 +28,18 @@
<div id="control" class="layui-layout-control"></div>
<!-- 顶 部 右 侧 菜 单 -->
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item layui-hide-xs"><a href="#" class="menuSearch layui-icon layui-icon-search"></a></li>
<li class="layui-nav-item layui-hide-xs"><a href="#" class="menuSearch layui-icon layui-icon-search"></a>
</li>
<li class="layui-nav-item layui-hide-xs message"></li>
<li class="layui-nav-item layui-hide-xs"><a href="#" class="fullScreen layui-icon layui-icon-screen-full"></a></li>
<li class="layui-nav-item layui-hide-xs"><a href="#"
class="fullScreen layui-icon layui-icon-screen-full"></a></li>
<li class="layui-nav-item user">
<!-- 头 像 -->
<a class="layui-icon layui-icon-username" href="javascript:;"></a>
<!-- 功 能 菜 单 -->
<dl class="layui-nav-child">
<dd><a href="javascript:void(0);" user-menu-url="/system/user/center" user-menu-id="5555" user-menu-title="基本资料">基本资料</a></dd>
<dd><a href="javascript:void(0);" user-menu-url="/system/user/center" user-menu-id="5555"
user-menu-title="基本资料">基本资料</a></dd>
<dd><a href="javascript:void(0);" class="logout">注销登录</a></dd>
</dl>
</li>
@@ -110,6 +111,28 @@
}
});
}
// 夜间模式切换通知子页面
admin._switchTheme = admin.switchTheme
admin.switchTheme = function (checked) {
admin.isdrak = checked;
admin._switchTheme(checked)
const iframes = document.querySelectorAll('iframe');
iframes.forEach(function (iframe) {
try {
const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
if (checked === true || checked === "true") {
iframeDocument.body.classList.add("pear-admin-dark");
} else {
iframeDocument.body.classList.remove("pear-admin-dark");
}
} catch (e) {
}
});
}
// 渲染
admin.render();