toast

• 作者：wangyuanyuan0521
• 邮箱：[email protected]
• 版本：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

相关资料

• lm 组件开发规范

Changelog

0.1.0

1. init

0.3.0

1. 升级至react16版本
2. 引入lm-mask遮罩
3. 更新组件UI、优化组件

1.0.1

1. 修改样式