数字输入

NumberInput输入与选择

接口限流、保留天数等设置都用它。单位写在框内右侧，两侧步进；超出范围时边框和说明一起变红，只有范围内的整数才回传。

日志保留

天

超过保留期的日志由后台任务自动清理。

属性

名称	类型	默认值	说明
`value`	`Signal<i64>`	必填	当前值，由父组件控制。
`min`	`i64`	必填	最小值（含）。
`max`	`i64`	必填	最大值（含）。
`step`	`i64`	`1`	步进与方向键的增量。
`unit`	`Option<&'static str>`	`None`	单位，写在框内右侧。
`hint`	`MaybeProp<String>`	`None`	范围内时显示的说明。
`onchange`	`Callback<i64>`	必填	合法新值回调。

键盘

↑ / ↓: 按步进增减。

用法

src/components/forms.rs

let days = RwSignal::new(30_i64);

view! {
    <NumberInput
        value=days
        min=1
        max=90
        unit="\u5929"
        hint="\u8D85\u8FC7\u4FDD\u7559\u671F\u7684\u65E5\u5FD7\u7531\u540E\u53F0\u4EFB\u52A1\u81EA\u52A8\u6E05\u7406\u3002"
        onchange=move |v: i64| days.set(v)
    />
}

预览

属性

键盘

用法