lm-button

# button * 作者：hjingfen * 邮箱：hjingfen@gmail.com * 版本：**`1.0.0`** ## 介绍 _组件描述内容_ --- ## 安装 `lm-*` 组件使用 `npm` 进行管理，命名空间统一为 `lm-`，请使用以下命令进行组件安装。 ``` npm i lm-button --save ``` - 如果你还没有安装 `npm`，可通过以下方式进行 [安装](https://nodejs.org/en/download/)。 - 安装cnpm `npm install -g cnpm --registry=https://registry.npm.taobao.org` --- ## 使用 ### 样例文档 - 待开发 ### 使用最少配置参数使用为： ``` <Button /> ``` 配置参数实现带有子元素的吸底按钮使用方式为： ``` <Button content="预约看车" type="orange-white" position="fixed" handle={() => console.log('预约看车成功！')} > <a href="http://www.58.com">查看58首页</a> </Button> ``` ### 配置参数 | Prop | Type | Default | Description | | ---- |:----:|:-------:| :----------:| | **`content`** | `string` | `undefined` | 按钮内容 | | **`type`** | `string` | `undefined` | 按钮类型（颜色） | | **`size`** | `string` | `undefined` | 按钮大小 | | **`position`** | `string` | `undefined` | 按钮位置（正常文档流内还是吸底） | | **`className`** | `string` | `undefined` | 按钮自定义样式 | | **`disabled`** | `string/boolean` | `false` | 按钮是否可点击 | | **`href`** | `string` | `undefined` | 按钮点击后的跳转链接 | | **`handle`** | `func` | `undefined` | 点击触发事件 | --- ## 注意事项 - 组件注意事项 --- ## 开发调试进入项目目录后，使用 `node` 命令启动服务 ``` npm run start ``` 打包发布可通过 `node` 命令执行 ``` npm run build npm publish ``` --- ## 相关资料 * [lm 组件开发规范](http://) --- ## Changelog ### 0.1.0 1. init ### 0.1.6 1. modify orange-white active color ### 0.1.8 1.add href for click button just jump the page ### 0.1.11 1.add className attribute for user define style when use ### 0.1.12 1.add 'lm-btn-' before sizy/type/position to decrease css priority ### 1.0.0 1.Update styles based on new UI ---