@beisen/BaseButton

0.1.8 • Public • Published

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} />
    		)
    	}
    

Package Sidebar

Install

npm i @beisen/BaseButton

Weekly Downloads

2

Version

0.1.8

License

ISC

Last publish

Collaborators

  • beisencorp