BaseButton 使用说明
项目运行
-
cnpm install 或 npm install cnpm使用教程
-
npm run dev (开发环境打包 port:8080)
-
npm run test (测试用例)
-
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调用方法
-
引用组件
import BaseButton from "./src/index"
-
传入参数
该参数为上述参数,传入方式使用: data={参数}
render () { return ( <BaseButton data={this.state.BaseData} /> ) }