弹窗组件

• 组件链接 https://github.com/CodeSeven/toastr

这个组件和 larael-admin 的组件是一样的

• 引入组件

{{-- 弹窗组件 --}}
<link rel="stylesheet" href="/static/toastr/toastr.min.css">
<script src="/static/toastr/toastr.min.js"></script>

或者直接引入官网链接
https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js
https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css

• 使用

// Display a warning toast, with no title
toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')

// Display a success toast, with a title
toastr.success('Have fun storming the castle!', 'Miracle Max Says')

// Display an error toast, with a title
toastr.error('I do not think that word means what you think it means.', 'Inconceivable!')

// Immediately remove current toasts without using animation
toastr.remove()

// Remove current toasts using animation
toastr.clear()

// Override global options
toastr.success('We do have the Kapua suite available.', 'Turtle Bay Resort', {timeOut: 5000})

图片.png