【子比美化】子比主题【夜/日】间模式切换小提示

前言

用jQuery+Layer.js实现的一个主题切换小提示，收录到子比主题教程里面了。

食用教程

第一步：调用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代码】就大功告成啦！

// 夜间切换-不能和《子比主题自适应PC/手机端背景+背景图片切换》一起使用
$(".toggle-theme").click(function() {
    // 延迟几毫米，防止dark-theme类没有反应过来
    var toggleWiuiYJ = setTimeout(function() {
        var toggleThemeText = "当前为日间模式";
        if ($("body").is('.dark-theme')) {
            toggleThemeText = "当前为夜间模式";
            $("body").css("background-image", "none");
        }
        layer.msg(toggleThemeText, {
            time: 2000,
            anim: 1
        });
    }, 100);
});