icon-button使用说明
项目运行
-
cnpm install 或 npm install cnpm使用教程
-
npm run dev (开发环境打包 port:8080)
-
npm run test (测试用例)
-
npm run build (生产环境打包)
IconButton参数
{
"bsStyle": "default"
/**按钮类型(string)。参数:
1.默认:“default”
2.弱化按钮:“weaken”
3.连接按钮:“link”,将返回一个<a></a>
**/
,
"active": false //是否激活
,
"disabled": false //是否禁用
,
"href": "" //返回<a>的链接
,
"title": "测试11" //返回<a>的title
,
"onClick": function(target,onClick,btnInfo) {
console.log(target); //输出e
console.log(onClick); //输出true
console.log(btnInfo); //输出this.state
},
"hidden": false //是否显示按钮
,
"iconName": "sys-icon-spread"
}
icon-button调用方法
1.安装npm组件包
npm install @beisen/icon-button --save-dev
2.引用组件
import IconButton from "@beisen/icon-button"
- 传入参数
该参数为上述参数,传入方式使用: {...参数}
{
"bsStyle": "default"
/**按钮类型(string)。参数:
1.默认:“default”
2.弱化按钮:“weaken”
3.连接按钮:“link”,将返回一个<a></a>
**/
,
"active": false //是否激活
,
"disabled": false //是否禁用
,
"href": "" //返回<a>的链接
,
"title": "测试11" //返回<a>的title
,
"onClick": function(target,onClick,btnInfo) {
console.log(target); //输出e
console.log(onClick); //输出true
console.log(btnInfo); //输出this.state
},
"hidden": false //是否显示按钮
,
"iconName": "sys-icon-spread"
}
render () {
return (
<IconButton {...this.state.IconData} />
)
}