iter(g240): 按钮 loading 态,转圈禁点支持布尔与信号动态同步

This commit is contained in:
HIsheR
2026-10-26 21:40:43 +08:00
parent 1ce98bdacd
commit 594051975b
8 changed files with 61 additions and 13 deletions
+2
View File
@@ -159,6 +159,7 @@ const calDay = signal(dayKey(0));
// —— 响应式状态演示 ——
const count = signal(0);
const saving = signal(false); // 按钮 loading 态演示(模拟异步保存)
// —— 双向绑定演示 ——
const name = signal('');
@@ -326,6 +327,7 @@ const content = h(
'signal 驱动:按钮修改信号,文本自动更新,无虚拟 DOM。',
button({ label: 'count +1', onClick: () => count(count() + 1) }),
button({ label: '重置', variant: 'ghost', onClick: () => count(0) }),
button({ label: '保存(模拟请求)', loading: saving, onClick: () => { saving(true); setTimeout(() => saving(false), 1500); } }),
h('span', { class: 'out' }, () => `count = ${count()}`),
),
section(