默认/深色模式切换弹窗提示

源代码为了便于阅读,压缩代码为精简代码 提高执行效率

1.调用外部库

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>

2.JS代码

源JS代码:

$(".toggle-theme").click(function() {
  var toggleThemeText = "日间模式";
  if (!$("body").hasClass('dark-theme')) {
    toggleThemeText = "深色模式"
  }
  layer.msg(toggleThemeText, {
    time: 2000,
    anim: 1
  })
});

已压缩的JS代码:

$(".toggle-theme").click(function(){var toggleThemeText="日间模式";if(!$("body").hasClass('dark-theme')){toggleThemeText="深色模式"}layer.msg(toggleThemeText,{time:2000,anim:1})});
© 版权声明
THE END
点赞878 分享
和此文作者聊聊 抢沙发

    暂无评论内容