如何在网页上加上一个赞赏码?
- 首先写好网页代码,然后将下面代码复制粘贴到body标签内即可。
<script src="//static.tctip.com/tctip-1.0.4.min.js"></script>
<script>
new tctip({
top: '15%',
button: {
id: 4,
type: 'dashang',
},
list: [
{
type: 'alipay',
qrImg: 'https://ae01.alicdn.com/kf/Hc2599b7b8e14475491f70eaf847f96d1D.jpeg'
}, {
type: 'wechat',
qrImg: 'https://ae01.alicdn.com/kf/Hddce11218f244c75ad18b34d66a8acffu.jpeg'
}, {
type: 'wx',
qrImg: 'https://ae01.alicdn.com/kf/H6031cd82fa0249289913bb0e2a1b0fde1.jpeg'
}, {
type: 'QQ',
qrImg: 'https://ae01.alicdn.com/kf/Heff31b5b438d43459809a7affe4bda640.jpeg'
}
]
}).init()
</script>
2.管理参数说明。
参数详解
参数说明
top
类型: String
默认值: 10%
含义: 插件顶端距离页面最上面的距离
备注: 格式如 100px或者10%
button
类型: Object,包含id和type两个子数组
id:
类型: Number
默认值: 1
含义: 代表图片颜色
备注: 取值范围为1-9
type:
类型: String
默认值: dashang
含义: 按钮上的汉字,有打赏和赞助两种
备注: 只能取dashang或者zanzhu
list
类型: Array
默认值: []
含义: 重点配置,右侧打赏显示,不能为空
备注: 一个数组,最多传入五个元素,每个元素又有如下几项陪配置
type:
类型: String
默认值: 无
含义: 打赏类型
备注: 系统自带四种默认type,alipay,wechat,bitcon,tenpay,如果不是这四种,可以随意写
qrImg:
类型: String
默认值: 无
含义: 二维码图片地址
备注: 尽量裁剪图片周边的空白。重要但是非必传
qrContent:
类型: String
默认值: 无
含义: 二维码内容
备注: 和qrImg二者必须传一个。如果传入本参数,插件自动生成二维码
icon:
类型: String
默认值: 无
含义: 图标,列入支付宝图标
备注: 当type为系统默认四种之一时,本参数可省略
name:
类型: String
默认值: 无
含义: 支付名称,例如支付宝、微信等
备注: 当type为系统默认四种之一时,本参数可省略
desc:
类型: String
默认值: 无
含义: 二维码下面的一句短语,类似大爷行行好之类的
备注: 当type为系统默认四种之一时,本参数可省略
stat
类型: Boolean
默认值: true
含义: 是否上报,用于作者统计使用者
备注: 本参数只是方便作者统计插件使用情况,可视情况关闭
:定义悬浮在屏幕大小百分比的高度。
2. ID:定义显示样式,可输入1-9。
3. type:这个是显示类型。
4. list:这个里面的参数就是各个打赏码了,不过不是随便定义的,要先在tctip js中配置好。
具体自己调试,很简单的。
原项目地址如下
https://github.com/flyingwzb/tctip