micro-ui-y/lib/button/help-button.txt

1.安装
npm install micro-ui-y --save

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


3.button API 属性
属性名（name）	类型（type）	必要性（Required）	默认值（default）	描述（description）
scenesType      String        true               无                 按钮的类型，目前有：搜索【search reset】表单【add edit】报表【export import copy】弹框【submit back】禁用【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 {Button} from 'micro-ui-y'

class TestButton extends Component {
    constructor(props) {
        super(props);
    };

    handleBtn = () => {
        alert("点我了")
    };

    render() {
        return (
            <div>

                <div>搜索</div>
                <br/>
                <Button scenesType="search"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="reset"/>
                <br/><br/><br/>

                <div>表单</div>
                <br/>
                <Button scenesType="add"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="edit"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="delete"/>
                <br/><br/><br/>

                <div>报表</div>
                <br/>
                <Button scenesType="export"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="import"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="copy"/>
                <br/><br/><br/>

                <div>弹框</div>
                <br/>
                <Button scenesType="submit" btnText="提交"/>&nbsp;&nbsp;&nbsp;&nbsp;
                <Button scenesType="back" 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="disabled" btnText="禁用"/>
                <br/><br/><br/>

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

            </div>
        )
    };
}

export default TestButton



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