lm-button

button

• 作者：hjingfen
• 邮箱：[e-mail]
• 版本：1.0.0

介绍

组件描述内容

---

安装

lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。

npm i lm-button --save

• 如果你还没有安装 npm，可通过以下方式进行 安装。
• 安装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 组件开发规范

---

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

---