tctip是一个js插件,作用是在web网页右侧生成一个打赏浮动窗
可下载后到demo目录查看效果
1.x.x
,此版本为大版本变动,不兼容老版,请使用当前版本
package
中的版本号,尽量使用最新版本0.1
,已不再维护,不再维护
,如有需求,点此切换
umd
、webpack
等方法使用demo
目录查看简单demo一般引入min版本,即引入tctip-版本号.min.js
文件
在当前项目中即dist/tctip-1.0.4.min.js
http(s)://static.tctip.com/tctip-1.0.4.min.js
<script src="//static.tctip.com/tctip-1.0.4.min.js"></script>
new tctip({
top: '20%',
button: {
id: 9,
type: 'dashang',
},
list: [
{
type: 'alipay',
qrImg: './images/alipay.jpg'
}, {
type: 'wechat',
qrImg: './images/wechat.jpg'
}, {
type: 'bitcoin',
qrContent: '1PhQySHF1ZuoRwoZ8G4CDLEtE6fAnD3GJP'
}
]
}).init()
刷新页面,即可看到效果
npm install tctip --save
import tctip from 'tctip'
new tctip(config).init()
top
类型
: String默认值
: 10%
含义
: 插件顶端距离页面最上面的距离备注
: 格式如 100px
或者10%
button
类型
: Object,包含id
和type
两个子数组id
:
类型
: Number默认值
: 1
含义
: 代表图片颜色备注
: 取值范围为1-9type
:
类型
: 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含义
: 是否上报,用于作者统计使用者备注
: 本参数只是方便作者统计插件使用情况,可视情况关闭您可以点此填写,我会定期整理
您也可以直接clone项目,提交PR
下面是部分使用的网站,排序方式为随机,筛选标准为网站和文章质量
本名单随时更改,可能添加,也可能移除
188087193
github
欢迎提issue,欢迎PR