子比主题美化 – 复制弹出提示框

效果图

子比主题美化 – 复制弹出提示框

教程开始

复制下面代码 放入zibll文件夹目录中的functions.php或func.php中,路径自行替换即可

本文付费阅读内容 – 大SVIP会员免费
function vue_style(){?>
<script src=“vue.min.js文件路径”></script>
<script src=“index.js文件路径”></script>
<link rel=“stylesheet” href=“index.css文件路径”>
<?php }add_action(‘wp_head’, ‘vue_style’);

复制下面代码 放入zibll子比主题设置-全局-自定义代码-自定义JavaScript即可

本文付费阅读内容 – 大SVIP会员免费
document.addEventListener(“copy”, function (e) {
const selection = window.getSelection ? window.getSelection() : document.selection.createRange().text;
const target = e.target;
if (target.closest(‘.article-content’) && selection.toString() !== ) {
new Vue({
data: function () {
this.$notify({
title: “叮!复制成功”,
message: “若要转载请务必保留原文链接!谢谢~”,
position: ‘bottom-right’,
offset: 50,
showClose: true,
type: “success”
});
return { visible: false };
}
});
} else if (selection.toString() === ) {
new Vue({
data: function () {
this.$notify({
title: “咦?复制失败”,
message: “啊噢…你没还没选择内容呢!”,
position: ‘bottom-right’,
offset: 50,
showClose: true,
type: “success”
});
return { visible: false };
}
});
}
});
Ctrl+D收藏我们
部分内容来自于网络 如有不妥联系站长删除!
本站用户发帖仅代表本站用户个人观点,并不代表本站赞同其观点和对其真实性负责。
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容