0.1.27 • Published 6 years ago
@beisen-cmps/icon-button v0.1.27
icon-button使用说明
项目运行
cnpm install 或 npm install cnpm使用教程
npm run dev (开发环境打包 port:8080)
npm run test (测试用例)
npm run build (生产环境打包)
IconButton参数
{
/** 按钮类型(string)。参数:
1.默认:“default”
2.弱化按钮:“weaken”
3.连接按钮:“link”,将返回一个<a></a>
*/
bsStyle: 'default',
/** 是否激活 */
active: false,
/** 是否禁用 */
disabled: false,
/** 返回<a>的链接 */
href: '',
/** 返回<a>的title */
title: '测试11',
/** 点击按钮后的回调 */
onClick: function(target,onClick,btnInfo) {
console.log(target); //输出e
console.log(onClick); //输出true
console.log(btnInfo); //输出this.state
},
/** 是否显示按钮 */
hidden: false, //
/** 按钮图标的className */
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} /> ) }