前言

  前段时间由于很多朋友问咱文章中的打赏按钮用的是什么插件,咱其实用的也不是插件,于是乎,咱寻思着把自己用的代码改成了插件!!!耗时一天,穷尽自身所学,没超过预算的时间,我终于把他给写出来了~~~
  本是自用代码,所以也是根据自己所使用的主题进行调试的,如果插件的CSS和你主题不兼容,或是使用过程中出现BUG,请联系blog@owo-bo.cn,或是点击左侧收缩菜单栏点击QQ咨询;由于第一次写插件,可能有很多问题,大家也可以向咱反馈并指出问题,一起探讨交流哈。

插件说明

GitHub GitHub release (latest by date) GitHub code size in bytes GitHub jsDelivr
2020-04-18 v1.0.0
-它是一款用于打赏的插件
-适用于支付宝、微信
-基于JQuery.min.js

2020-04-20 v1.0.1
-增加自定义按钮颜色
-引用了静态MDUI样式文件库
-优化了部分手机适配问题

2020-04-24 v1.0.2
-修复按钮错位的问题
-兼容Bhao主题无法使用自定义颜色问题(主要还是因为咱用这主题,Ohhh)
-优化关闭按钮样式
-增加自定义二维码收款外链(这样大家就不用替换图片啦!目前仅支持png格式)

2020-05-01 v1.0.3
-优化css样式
-取消引用MDUI样式文件功能(反正就觉得自己是个蛇精病,加了又删,OwO)
-重写打赏按钮样式(反正这两天时间充足)
-重绘打赏图标
-新增自定义多彩一言
-新增2233娘挂件(纯属闲的蛋疼,不过过几天就要开学啦!)

2020.05.12 v1.0.4
-优化页面代码结构(主要是新换了一个接口地址,所以得修改一堆代码)
-修复部分函数PJAX回调问题
-新增JsDelivr静态源

2020.09.21 v1.0.5
-修复部分主题关闭按钮悬停样式容错的问题
-调整遮罩层堆叠层次顺序
-新增樱花飘落特效(主要还是我喜欢搞这些花里胡哨的东西,不需要的可以自己关闭功能呐)

2020.11.03 v1.0.6(**发现些小问题,临时修复一下**
-修复二维码不居中的问题
-修复部分主题二维码图片分辨率失调的问题
-修复悬停关闭按钮2233娘挂件浮动拉伸的问题
-修复樱花特效返回主页未关闭的问题

2021.08.25 v1.0.7(**说出来你们可能不信,我被Git Bash演了一下午**
-修复部分主题点击按钮无反应的问题
-优化当前二维码支持格式
-删除部分无效代码

2021.09.12 v1.0.8
-修复部分主题二维码图片跟随灯箱放大的问题
-修复关闭打赏窗口实例canvasSnow获取值为空的问题
-新增自定义按钮边框

2021.XX.XX v1.0.9(采集bug中,差不多的时候在修......)
-已知多彩一言效果部分主题会应用到其他标签
-已知打赏图标在部分主题与实际偏移的太多

食用方法

1 下载本插件,解压放到usr/plugins/目录中
2 文件夹名改为PayButton
3 登录管理后台,激活插件
4 在到主题中的post.php适合的位置加入以下挂载点(⚠️PS:修改前建议备份当前文件,避免修改出错造成页面错乱)

/*以下为挂载点,有问题可以报给咱*/

   <?php PayButton_Plugin::button(); ?>

推荐插入位置
位置建议

显示效果
位置建议

5 将PayButton/reward/...中的图片weipayimg.png,alipayimg.png替换为自己的收款码(注意图片命名要一样哦)[这是前两个版本v1.0.0-v1.0.1的用法哈]
5 在后台设置填入图片链接和名称即可(注意图片扩展名保持一致)
6 基本设置
配置

什么意思呢?
https://cdn.owo-bo.cn/pic/MainImg/PayButton/ali.png
这是访问二维码的图片链接,咱把他拆成了图片的
“链接路径+文件名称”的形式,
链接路径:https://cdn.owo-bo.cn/pic/MainImg/PayButton/
文件名称:ali.png
所以最后都是能访问到图片的,如果还不清楚怎么填的,可以加咱的扣扣或发邮件给咱

配置

插件展示

界面

下载地址

        经过几天的奋斗,咱终于吧Git&GitHub研究明白了,于是今天(20200423)我把插件之前的版本都传上去了,Ohh!文件传的有点菜,有问题及时联系咱!!!
        就在刚刚(20200504),由于对GitHub操作的不熟练,不小心把我心爱的初代小仓库给弄崩了,无奈,我又重新创了一个,又重传了一遍文件。(悲

GitHub:PayButton-v1.0.8
如果微信点不动,或是不显示,检查一下是不是没有开启jQuery

取消
扫码打赏
支付金额随意哦!
本文采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可

:D 获取中...