子比主题美化-利用element显示复制提醒禁用F12或右键菜单提醒

文章描述

为了防止小白，但是如果真想扒你的，是真的防不住的，所以本篇文章就是分享一个防止小白的一个弹窗

教程描述

引入js & css

代码放在头部（比如header.php）就可以了

<!-- 引入VUE -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/lib/index.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/packages/theme-chalk/lib/index.css">

如果引入上面的导致网站很卡，请引入下面的资源：

<!-- 引入VUE -->
<script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script>
<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/lib/theme-chalk/index.css">

将以下 javascript 代码添加到：后台子比主题设置—>自定义代码—>自定义 javascript 代码中即可

效果展示