tctip是一个js插件,作用是在web网页右侧生成一个打赏浮动窗
可下载后到demo目录查看效果
- 当前大版本为
1.x.x,此版本为大版本变动,不兼容老版,请使用当前版本 - 当前小版本请查看
package中的版本号,尽量使用最新版本 - 历史版本为
0.1,已不再维护,不再维护,如有需求,点此切换
- 界面暂时维持不变
- 参数配置和使用方式不兼容老版本
- 只需引入一个js文件,不需要额外引入js、css等
- 同时支持
umd、webpack等方法使用
- 您可以到
demo目录查看简单demo - 在线demo,则点此查看
一般引入min版本,即引入tctip-版本号.min.js文件
在当前项目中即dist/tctip-1.0.1.min.js
- 您可以把此js文件下载到您的服务器合适目录进行引用
- 您也可以直接使用我提供的静态链接
http://static.tctip.com/tctip-1.0.1.min.js
<script src="http://static.tctip.com/tctip-1.0.1.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 vux-uploader --save import tctip from 'tctip' new tctip(config).init()-
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含义: 是否上报,用于作者统计使用者备注: 本参数只是方便作者统计插件使用情况,可视情况关闭
- webpack
- qrcode
- es6
- 其他技术
您可以点此填写,我会定期整理
您也可以直接clone项目,提交PR
下面是部分使用的网站,排序方式为随机,筛选标准为网站和文章质量
本名单随时更改,可能添加,也可能移除
- 我的博客
- http://mc.xlver.com/
- http://www.codedq.net/
- http://www.openauth.me
- http://www.orchardcn.org/
- http://liujians.me/
- http://blog.lishewen.com/
- http://blog.fundzt.com/
- http://cio.anasit.com/
- http://cnxc110.com/
- http://www.btcfei.com/
- http://www.foolrabbit.cn/
- http://best.cnblogs.com/
- http://studyzy.cnblogs.com/
- http://fzrain.cnblogs.com/
- http://artech.cnblogs.com/
- http://neverc.cnblogs.com
- http://tuyile006.cnblogs.com/
- http://farb.cnblogs.com/
- http://edisonchou.cnblogs.com/
- http://tunwa.cnblogs.com/
- http://liuhaorain.cnblogs.com/
- http://wangyulong.cnblogs.com/
- qq群号:
188087193 - 验证消息:
github
欢迎提issue,欢迎PR