mrcio-ui/lib/button/help-button.txt

1.安装
npm install mrcio-ui --save

2.引用
import {Button} from 'mrcio-ui'

3.button API 属性
属性名（name）	类型（type）	必要性（Required）	默认值（default）	描述（description）
scenesType      String        true               无                 按钮的类型，目前有：submit，back，delete，import，disabled这几种
svgName         String        false              无                 svg的类型，如：Date
btnText         String        true               无                 按钮的文字，如：提交，返回
width           String        false             "5.625rem"
height          String        false             "2.1875rem"
handleBtn       Function      false                                 点击按钮的触发的方法

4. 使用方式
import React, {Component, PropTypes} from 'react';
import {connect} from 'react-redux'
import {bindActionCreators} from 'redux'
import {Button} from 'mrcio-ui'

class TestButton extends Component {
    constructor(props) {
        super(props);
        this.state = {}
    };

    handleBtn = ()=> {
        alert(0)
    };

    render() {
        return (
            <div>

                <div>搜索</div>
                <br/>
                <Button scenesType="submit" svgName="Query" btnText="搜索"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="back" svgName="Reset" btnText="重置"/>
                <br/><br/><br/>

                <div>表单</div>
                <br/>
                <Button scenesType="submit" svgName="Added" btnText="新增"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="submit" svgName="Update" btnText="修改"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="delete" svgName="Delete" btnText="删除"/>
                <br/><br/><br/>

                <div>弹框</div>
                <br/>
                <Button scenesType="submit" btnText="提交"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="submit" btnText="确认"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="back" btnText="返回"/>
                <br/><br/><br/>

                <div>报表</div>
                <br/>
                <Button scenesType="import" svgName="Import" btnText="导入"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="import" svgName="Export" btnText="导出"/>
                <br/><br/><br/>

                <div>禁用</div>
                <br/>
                <Button scenesType="disabled" btnText="禁用"/>
                <br/><br/><br/>

                {/*更多属性这里，可设置按钮的宽度，以及方法的调用*/}
                <Button scenesType="submit" svgName="Date" btnText="更多属性配置" width="12rem" height="2.25rem"
                        handleBtn={this.handleBtn}/>


                {/*其他*/}
                <Button btnText="搜索" btnSty="" btnType="" amnType="h_c_o_u"/>
                <br/><br/>
            </div>
        )
    };
}

const mapStateToProps = state => ({});

const mapDispatchToProps = dispatch => ({});
export default connect(mapStateToProps, mapDispatchToProps)(TestButton)




5.help
@Author fuyan Gu
@Email 1303928929@qq.com