日夜模式切换提醒功能
2年前
超过900天
温馨提示
本文最后更新于2022年06月05日，已超过900天没有更新，若内容或图片失效，请留言反馈。
教程
首先进入后台找到 全局&功能 → 自定义代码
第一步：调用Layer.js
Layer.js是一个十分优秀的弹层组件，看自己是否已经调用了Layer组件（办法：先别调用下面的Layer.js,看直接运用第二步的代码能否运用，若无法运用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】）
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>
第二步：jQuery代码
把下面的jQuery代码放到主题设置的【自定义javascript代码】就大功告成了！
// 日夜切换
$(".toggle-theme").click(function() {
var toggleThemeText = "轻论坛温馨提醒：当前为日间亮色模式";
if (!$("body").hasClass('dark-theme')) {
toggleThemeText = "轻论坛温馨提醒：您当前为夜间暗色模式";
}
layer.msg(toggleThemeText, {
time: 5000,// 提示显示时间
anim: 1
});
});
0 赞
or 打赏
喜欢就打赏一点
上一篇
下一篇
