0.1.16 • Published 7 years ago
@beisen/IconButton v0.1.16
IconButton使用说明
项目运行
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"
}
IconButton调用方法
1.安装npm组件包
npm install @beisen/IconButton --save-dev
2.引用组件
import IconButton from "@beisen/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" } render () { return ( <IconButton {...this.state.IconData} /> ) }