tctip打賞小外掛
阿新 • • 發佈:2018-12-01
tctip是一個js外掛,作用是在web網頁右側生成一個打賞浮動窗
使用方法
頁面使用(多數人的使用方式)
第一步,引入js
一般引入min版本,即引入tctip-版本號.min.js
檔案
在當前專案中即dist/tctip-1.0.3.min.js
- 您可以把此js檔案下載到您的伺服器合適目錄進行引用
- 您也可以直接使用我提供的靜態連結
http(s)://static.tctip.com/tctip-1.0.3.min.js
<script src="//static.tctip.com/tctip-1.0.3.min.js"></script>
第二步,新建tctip變數,同時傳入配置引數,然後執行init函式(將這段變數放置到js部分的最後一段)
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()
引數說明
-
top
型別
: String預設值
:10%
含義
: 外掛頂端距離頁面最上面的距離備註
: 格式如100px
或者10%
-
button
型別
: Object,包含id
和type
兩個子陣列id
:型別
: Number預設值
:1
含義
: 代表圖片顏色備註
: 取值範圍為1-9
type
:型別
預設值
: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含義
: 是否上報,用於作者統計使用者備註
: 本引數只是方便作者統計外掛使用情況,可視情況關閉
本文轉自https://github.com/greedying/tctip 如有侵權請聯絡Mr.xu。