1.0.0 • Published 4 years ago
lm-button v1.0.0
button
- 作者:hjingfen
- 邮箱:hjingfen@gmail.com
- 版本:
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
相关资料
Changelog
0.1.0
- init
0.1.6
- 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
1.0.0
4 years ago
0.3.0
5 years ago
0.2.1
6 years ago
0.1.14
6 years ago
0.1.13
6 years ago
0.1.12
6 years ago
0.1.11
6 years ago
0.1.10
6 years ago
0.1.9
6 years ago
0.1.8
6 years ago
0.1.7
6 years ago
0.1.6
6 years ago
0.1.5
6 years ago
0.1.4
7 years ago
0.1.3
7 years ago
0.1.2
7 years ago
0.1.1
7 years ago
0.1.0
7 years ago
1.0.1
7 years ago