@33cn/game-cashier-react 中文文档教程

Question

@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?	是否不需要跨链
restingOrderAddress	string?	挂单的用户地址
dialogVisible	boolean	弹框是否可见
onClose	() => void	点击关闭或遮罩后的回调
onNewTransactionSend	() => void	交易发送后的回调函数
path	string?	打开页面时的默认路径
disableRecharge	boolean?	是否禁止充值功能
disableWithdraw	boolean?	是否禁止提现功能