toast-dialog

toast-dialog

安装 npm 包

npm install toast-dialog

导入 CToast

import CToast from 'toast-dialog';

初始化对象

const cToast = new CToast({
  title: '温馨提示', // 弹窗标题
  buttonText: '我明白了', // 弹窗按钮文本
  messageAlign: 'left', // 弹窗内容对齐方式
  textLength: 20, // 超出自动以弹窗方式展示的字符数  1个中文=2个字符
  duration: 2000, // 轻提示自动关闭 毫秒数
});

使用 success 方法

cToast.success('这是一段成功的提示内容！'), // 通过字数自动调整展示方式
cToast.success('这是一段成功的提示内容！', 'toast'), // 强制使用toast方式展示
cToast.success('这是一段成功的提示内容！', 'dialog'), // 强制使用dialog方式展示

使用 fail 方法

cToast.fail('这是一段失败的提示内容！'), // 通过字数自动调整展示方式
cToast.fail('这是一段失败的提示内容！', 'toast'), // 强制使用toast方式展示
cToast.fail('这是一段失败的提示内容！', 'dialog'), // 强制使用dialog方式展示

使用 warning 方法

cToast.warning('这是一段警告的提示内容！'), // 通过字数自动调整展示方式
cToast.warning('这是一段警告的提示内容！', 'toast'), // 强制使用toast方式展示
cToast.warning('这是一段警告的提示内容！', 'dialog'), // 强制使用dialog方式展示