@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
gameName	string	游戏名称如：时时彩
gameIcon	string?	游戏图标
contractName	string	合约名
contractAddr	string	合约地址
exercerName	string?	交易组签名执行器
dialogVisible	boolean	弹框是否可见
onClose	() => void	点击关闭或遮罩后的回调