iter(g35): 新增 notification 通知卡片组件
This commit is contained in:
@@ -28,6 +28,7 @@ import {
|
||||
list,
|
||||
carousel,
|
||||
tree,
|
||||
notification,
|
||||
upload,
|
||||
menu,
|
||||
modal,
|
||||
@@ -657,6 +658,19 @@ const content = h(
|
||||
),
|
||||
h('div', { class: 'row' }, upload({ accept: 'image/*', hint: '仅图片(accept: image/*)' }), upload({ disabled: true, hint: '禁用态' })),
|
||||
),
|
||||
section(
|
||||
'sec-notification',
|
||||
'通知卡片',
|
||||
'notification:右下角堆叠(与右上角 toast 分区),标题 + 描述 + 操作区,缺省常驻需手动关闭;duration 传毫秒可自动消失。',
|
||||
h(
|
||||
'div',
|
||||
{ class: 'row' },
|
||||
button({ label: '常驻通知', variant: 'primary', onClick: () => notification({ title: '有 3 条待审报销', description: '王小明 / 李静 / 张伟提交的报销单等待复核', action: button({ label: '去处理', onClick: () => toast.success('已跳转待办') }) }) }),
|
||||
button({ label: '成功(4s 自动关)', onClick: () => notification({ title: '导出完成', description: 'report-2026-10.csv 已开始下载', variant: 'success', duration: 4000 }) }),
|
||||
button({ label: '警告(常驻)', variant: 'ghost', onClick: () => notification({ title: '连接不稳定', description: '正在重试第 2 次,请检查网络', variant: 'warning' }) }),
|
||||
button({ label: '错误(可关)', variant: 'danger', onClick: () => notification({ title: '保存失败', description: '服务端返回 500,请稍后重试', variant: 'danger' }) }),
|
||||
),
|
||||
),
|
||||
section(
|
||||
'sec-menu',
|
||||
'下拉菜单',
|
||||
|
||||
Reference in New Issue
Block a user