@33cn/game-cashier-react

@33cn/game-cashier-react

比特元Dapp 收银台插件react 版。

Installation

yarn add @33cn/game-cashier-react

or

npm install @33cn/game-cashier-react -save

Usage

import * as React from 'react';
import Cashier from '@33cn/game-cashier-react';
import icontest from './icon-test.png'

interface IState {
  visible: boolean
}

export class App extends React.Component<{}, IState> {

  constructor(props: {}) {
    super(props)

    this.state = {
      visible: true
    }

    this.onClose = this.onClose.bind(this)
  }

  public render() {
    return (
      <div className="App">
        <Cashier
          gameName="幸运数字"
          gameIcon={icontest}
          contractName="user.p.fzmtest.user.wasm.dice2"
          contractAddr="15TnAePL2XqTC2QGNyNi3UQWbntpDBtui8"
          dialogVisible={this.state.visible}
          onClose={this.onClose}
        />
      </div>
    );
  }
  public onClose() {
    this.setState({visible: false})
  }
}

Props

name	type	description
coinName	string	币种名字
gameNodeURL	string	游戏节点
gameName	string	游戏名称如：时时彩
gameIcon	string?	游戏图标
gameBalance	number	游戏余额
coinsBalance	number	主链BTY余额
contractName	string	合约名
contractAddr	string	合约地址
needWithhold	string	是否需要代扣
exercerName	string?	交易组签名执行器
noNeedPara	boolean?	是否不需要跨链
dialogVisible	boolean	弹框是否可见
onClose	() => void	点击关闭或遮罩后的回调
onNewTransactionSend	() => void	交易发送后的回调函数

##注意事项 充值提现的多步骤查询是通localStrage存储多步骤的信息，然后分步骤查询。 步骤查询是通过轮询的方式，上一步完成了，才能进行下一步。 因为查询结果是轮询的，要注意不要多次查询同一步骤的结果，多次发送同一步骤的交易。