效果图

食用方法

第一步

打开自己网站下的 /wp-content/themes/b2/funactions.php 文件，然后把下面的代码加入到文件内。

第二步

打开自己网站下的 /wp-content/themes/b2/footer.php 文件，在 </footer> 下面添加下方代码。

图片资源是站长放在自己网站媒体库里的，你们把图片保存下来上传到自己网站媒体库即可。

第三步

进入后台 B2主题设置>常规设置，在 底部HTML标签 加入下方代码。

<!-- 引入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">
<!--自用阿里巴巴图标库-->
<script src="//at.alicdn.com/t/font_2232826_a0tvv0wxh9n.js"></script>

第四步

自定义CSS样式 加入下方代码。在style.css文件里

第五步

在 child.js 加入下方代码。

该原创来自森鹿语