iter(g181): 控件高度统一三档

2026-10-26 17:30:00 +08:00
parent 1289b54af3
commit 85f009dff8
11 changed files with 123 additions and 14 deletions
@@ -456,6 +456,17 @@ const content = h(
      inputNumber({ value: qty, disabled: locked }),
      inputNumber({ value: amount, min: 0, prefix: '¥', suffix: '件' }),
    ),
+    h('div', { class: 'out' }, '↓ 控件高度三档并排（sm / md / lg）：button / textField / select / inputNumber 统一走 --ua-control-h-*'),
+    h(
+      'div',
+      { class: 'row' },
+      button({ label: '小号', size: 'sm' }), button({ label: '默认' }), button({ label: '大号', size: 'lg' }),
+      textField({ placeholder: 'sm', size: 'sm' }), textField({ placeholder: 'md' }), textField({ placeholder: 'lg', size: 'lg' }),
+      select({ options: [{ value: 'sm', label: 'sm' }, { value: 'md', label: 'md' }, { value: 'lg', label: 'lg' }], value: signal('md'), size: 'sm' }),
+      select({ options: [{ value: 'a', label: '选项 A' }, { value: 'b', label: '选项 B' }], value: signal('a') }),
+      select({ options: [{ value: 'a', label: '选项 A' }, { value: 'b', label: '选项 B' }], value: signal('a'), size: 'lg' }),
+      inputNumber({ value: qty, size: 'sm' }), inputNumber({ value: qty }), inputNumber({ value: qty, size: 'lg' }),
+    ),
  ),
  section(
    'sec-feedback',