1.0.0 • Published 4 years ago

lm-button v1.0.0

Weekly downloads
74
License
-
Repository
github
Last release
4 years ago

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>

配置参数

PropTypeDefaultDescription
contentstringundefined按钮内容
typestringundefined按钮类型(颜色)
sizestringundefined按钮大小
positionstringundefined按钮位置(正常文档流内还是吸底)
classNamestringundefined按钮自定义样式
disabledstring/booleanfalse按钮是否可点击
hrefstringundefined按钮点击后的跳转链接
handlefuncundefined点击触发事件

注意事项

  • 组件注意事项

开发调试

进入项目目录后,使用 node 命令启动服务

npm run start

打包发布可通过 node 命令执行

npm run build
npm publish

相关资料


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


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