Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

lm-toast

1.0.1 • Public • Published

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

  1. init

0.3.0

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

1.0.1

  1. 修改样式

Install

npm i lm-toast

DownloadsWeekly Downloads

10

Version

1.0.1

License

none

Unpacked Size

28 kB

Total Files

9

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar