You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
2.6 KiB
63 lines
2.6 KiB
//- 服务器反馈UI
|
|
include @/helper/helper.pug
|
|
if flash
|
|
- index = 0
|
|
if flash.error
|
|
each item in flash.error
|
|
- index++
|
|
.message.is-danger.animate__animated.animate__slideInRight(id="message"+index)
|
|
.message-header
|
|
p 错误
|
|
button.delete.messagec(aria-label='delete' data-target="message"+index)
|
|
.message-body
|
|
| #{item}
|
|
if flash.success
|
|
each item in flash.success
|
|
- index++
|
|
.message.is-success.animate__animated.animate__slideInRight(id="message"+index)
|
|
.message-header
|
|
p 成功
|
|
button.delete.messagec(aria-label='delete' data-target="message"+index)
|
|
.message-body
|
|
| #{item}
|
|
if flash.info
|
|
each item in flash.info
|
|
- index++
|
|
.message.is-info.animate__animated.animate__slideInRight(id="message"+index)
|
|
.message-header
|
|
p 信息
|
|
button.delete.messagec(aria-label='delete' data-target="message"+index)
|
|
.message-body
|
|
| #{item}
|
|
if flash.warning
|
|
each item in flash.warning
|
|
- index++
|
|
.message.is-warning.animate__animated.animate__slideInRight(id="message"+index)
|
|
.message-header
|
|
p 警告
|
|
button.delete.messagec(aria-label='delete' data-target="message"+index)
|
|
.message-body
|
|
| #{item}
|
|
//- .toast-container.top-0.end-0.p-3
|
|
//- each item in flash.error
|
|
//- .toast.show(role='alert', aria-live='assertive', aria-atomic='true')
|
|
//- .toast-header
|
|
//- img.rounded.me-2(src='/public/image/icons/error.svg', alt='错误' style="width:20px;height: 20px;")
|
|
//- strong.me-auto 提示
|
|
//- //- small.text-muted just now
|
|
//- button.btn-close(type='button', data-bs-dismiss='toast', aria-label='Close')
|
|
//- .toast-body.
|
|
//- #{item}
|
|
//- .toast-container.position-fixed.bottom-0.end-0.p-3
|
|
//- #liveToast.toast(role='alert', aria-live='assertive', aria-atomic='true')
|
|
//- .toast-header
|
|
//- img.rounded.me-2(src='...', alt='...')
|
|
//- strong.me-auto Bootstrap
|
|
//- small 11 mins ago
|
|
//- button.btn-close(type='button', data-bs-dismiss='toast', aria-label='Close')
|
|
//- .toast-body.
|
|
//- Hello, world! This is a toast message.
|
|
//- ul
|
|
//- each item in flash.error
|
|
//- li #{item}
|
|
+script("js/common/flush.js")
|
|
|