iter: d03 新增折叠面板 accordion 组件
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import { h, mount, signal } from '@ui-arch/frame';
|
||||
import {
|
||||
accordion,
|
||||
alert,
|
||||
badge,
|
||||
button,
|
||||
@@ -233,6 +234,20 @@ const app = h(
|
||||
h('span', { class: 'out' }, () => (menuPick() ? `已选:${menuPick()}` : '未选择')),
|
||||
),
|
||||
),
|
||||
section(
|
||||
'sec-accordion',
|
||||
'折叠面板',
|
||||
'accordion:标题按钮 + grid 行高过渡,默认手风琴单开,multiple 可多开,支持禁用面板。',
|
||||
accordion({
|
||||
multiple: true,
|
||||
items: [
|
||||
{ value: 'a', title: '账户设置', content: '修改昵称、头像与绑定邮箱。' },
|
||||
{ value: 'b', title: '通知偏好', content: alert({ message: '通知偏好:每日摘要已开启', variant: 'info' }) },
|
||||
{ value: 'c', title: '危险操作', content: '删除账号后数据不可恢复。' },
|
||||
{ value: 'd', title: '企业版专属(禁用)', content: '升级后可配置 SSO。', disabled: true },
|
||||
],
|
||||
}),
|
||||
),
|
||||
section(
|
||||
'sec-table',
|
||||
'数据表格',
|
||||
|
||||
Reference in New Issue
Block a user