iter: b03 新增 skeleton 骨架屏组件(三形状占位 + 扫光 + reduced-motion 兜底)
This commit is contained in:
@@ -12,6 +12,7 @@ import {
|
||||
progress,
|
||||
radioGroup,
|
||||
select,
|
||||
skeleton,
|
||||
spinner,
|
||||
switchButton,
|
||||
tabs,
|
||||
@@ -139,6 +140,16 @@ const app = h(
|
||||
button({ label: '信息(1.5s)', onClick: () => toast.info('已同步云端', 1500) }),
|
||||
),
|
||||
),
|
||||
section(
|
||||
'sec-skeleton',
|
||||
'骨架屏',
|
||||
'skeleton 占位:text 多行段落 / rect 块 / circle 圆,扫光微动画,reduced-motion 自动静态化。',
|
||||
card(
|
||||
{ title: '加载中的用户资料' },
|
||||
h('div', { class: 'row' }, skeleton({ variant: 'circle' }), skeleton({ variant: 'text', rows: 2 })),
|
||||
skeleton({ variant: 'rect' }),
|
||||
),
|
||||
),
|
||||
section(
|
||||
'sec-formlab',
|
||||
'表单校验',
|
||||
|
||||
Reference in New Issue
Block a user