1.0.1 • Published 4 years ago
lm-toast v1.0.1
toast
- 作者：wangyuanyuan0521
- 邮箱：wwwwangyuanyuan@sina.com
- 版本：
1.0.0
介绍
组件描述内容
安装
lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。
npm i lm-toast --save- 如果你还没有安装
npm，可通过以下方式进行 安装。 - 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
使用
样例文档
- 待开发
使用
最少配置参数为：
- 传入`showState,toastType,onRequestClose增加内容
<Toast
showState={false}
toastType={'Hint'}
onRequestClose={() => {}}/>配置参数
| Prop | Type | Default | Description |
|---|---|---|---|
showState | bool | false | 是否显示 |
toastType | string | Hint | Hint,Success,Fail,Netless |
className | string | '' | 样式类名 |
duration | number | 2000 | toast默认展示时间 |
opacity | number | 0.5 | 透明度 |
message | string | 提示 | toast提示信息 |
onRequestClose | func | args => args | 关闭toast时回调 |
onMaskClick | func | args => args | 点击mask层回调 |
onClick | func | args => args | 点击toast层回调 |
注意事项
- 组件注意事项
开发调试
进入项目目录后，使用 node 命令启动服务
npm run start打包发布可通过 node 命令执行
npm run build
npm publish相关资料
Changelog
0.1.0
- init
0.3.0
- 升级至react16版本
- 引入lm-mask遮罩
- 更新组件UI、优化组件
1.0.1
- 修改样式