@beisen/BaseButton

BaseButton

Usage no npm install needed!

<script type="module">
  import beisenBaseButton from 'https://cdn.skypack.dev/@beisen/BaseButton';
</script>

README

BaseButton 使用说明

项目运行

  1. cnpm install 或 npm install cnpm使用教程

  2. npm run dev (开发环境打包 port:8080)

  3. npm run test (测试用例)

  4. npm run build (生产环境打包)

BaseButton参数


    {
            "bsStyle":"default"
                                /**按钮类型(string)。参数:
                                    1.默认:“default”
                                    2.弱化按钮:“weaken”
                                    3.连接按钮:“link”
                                **/
            ,"bsSize":"default"
                                        /**按钮尺寸(string)。参数:
                                            1.默认:“default”
                                            2.小按钮:“small”
                                            3.块状按钮:“block”
                                        **/
            ,"active":true
                                        /**是否选中(Boolean)。参数:
                                            1.默认未选中:false
                                            2.选中:true
                                        **/
            ,"disabled":true
                                        /**是否禁用(Boolean)。参数:
                                            1.默认不禁用:false
                                            2.禁用:true
                                        **/
            ,"href":""          /**如果该字段有定义且非空,return(<a/>),否则return(</button>)**/
            ,"title":"测试11"         /**显示文本(string)**/
            ,"hidden":false   //是否显示按钮
            ,"maxWidth":"20px"          //最大宽度,默认为"" ,超出后,超出的部门显示...
            ,"onClick":function(val){console.log(val)} /**点击后时间回调**/
        }

BaseButton调用方法

  1. 引用组件

    import BaseButton from "./src/index"
    
  2. 传入参数

    该参数为上述参数,传入方式使用: data={参数}

    render () {
            return (
                <BaseButton data={this.state.BaseData} />
            )
        }