1.1.2 • Published 5 years ago
iu-toast v1.1.2
中文 | ENGLISH
iu-toast
The native js toast plug-in does not depend on any libraries.
Installation & Use
- Introduction Method 1:
<link rel="stylesheet" href="iu-toast.min.css">
<script src="iu-toast.min.js"></script>- Introduction Method 2:
npm install iu-toastimport 'iu-toast/dist/iu-toast.min.css'
import iToast from 'iu-toast';- Use
iToast('提示内容')
// 成功提示
iToast.success()
// 失败提示
iToast.fail()
// 加载提示
iToast.loading()API
| Method | Description | Parameter | Return value |
|---|---|---|---|
| iToast | Display tips | options or message | toast instance |
| iToast.loading | Show loading tips | options or message | toast instance |
| iToast.success | Prompt for successful display | options or message | toast instance |
| iToast.fail | Display failure prompt | options or message | toast instance |
| iToast.clear | Clear prompt | - | void |
| iToast.allowMultiToast | Allow multiple Toast at the same time | - | void |
| iToast.setConfig | Modify the default configuration for all Toast. You can specify the default configuration for a specified item by specifying the type. | options or type | void |
| iToast.resetConfig | Reset the default configuration, which takes effect for all Toast. You can reset the default configuration of a specified item by specifying the type. | type | void |
Options
| Parameter | Description | Type | Default value |
|---|---|---|---|
| Type | The type of the prompt. Valid values: loading success fail text | string | text |
| Position | The location of the display. Valid values: top bottom | string | middle |
| Message | Text content | string | '' |
| overlay | Do you want to disable background clicks? | boolean | false |
| overlay | Whether the mask layer is displayed | boolean | false |
| Duration | The display duration (ms). When the value is 0, toast does not disappear. | Number | 2000 |
| onOpened | Callback function after full display | Function | - |
| onClose | Callback function when closed | Function | - |
PS: when using loading api , success api , fail api When type The configuration item is invalid, success api , fail api Force overlay For true