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:
    • 型別
      : 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
• 含義: 是否上報，用於作者統計使用者
• 備註: 本引數只是方便作者統計外掛使用情況，可視情況關閉

本文轉自https://github.com/greedying/tctip 如有侵權請聯絡Mr.xu。