%20(2).svg)
项目简介
TCTip是一个基于JavaScript开发的浮动打赏插件，它能够在Web页面右侧生成打赏浮动窗口。用户可以灵活配置参数，轻松实现多种支付方式（如支付宝、微信等）的展示与扫码打赏功能。该插件兼容性良好，支持直接引入js文件、webpack打包等多种使用方式，并且采用现代前端技术栈开发，具有良好的扩展性和可维护性。
项目的主要特性和功能
- 界面简洁，支持支付宝、微信等多种支付方式。
- 浮动窗口展示，位置和大小可自定义。
- 支持配置按钮样式、支付方式等多种参数。
- 兼容性强，支持直接引入js文件、webpack打包等使用方式。
- 提供详细文档和示例，方便用户快速上手。
安装使用步骤
页面使用（多数人的使用方式）
- 引入js：一般引入min版本，即
tctip-版本号.min.js文件，如当前项目中的dist/tctip-1.0.4.min.js。可将此js文件下载到服务器合适目录引用，也可直接使用提供的静态链接http(s)://static.tctip.com/tctip-1.0.4.min.js。 ```javascript
2. **新建tctip变量，传入配置参数并运行init函数**javascript
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()
```
刷新页面即可看到效果。
webpack 方式使用
- 安装
javascript npm install tctip --save - 引入包
javascript import tctip from 'tctip' - 传参使用，类似web方式
javascript new tctip(config).init()
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】