用途:stepper-input 用于数字步进输入、数量选择器以及增减模式,典型场景包括电商加入购物车时的数量选择、1-10 范围内的小幅数值调整,以及具有离散值的设置项。资料明确指出,它不适用于大范围数值,此类情况应改用滑块或文本输入。
主要能力与设计:界面由减号按钮、中间数值和加号按钮组成,形如 [ - ] 4 [ + ]。数值可直接输入编辑;支持最小值和最大值边界,到达边界时对应按钮置灰;长按按钮可快速连续增减;步长默认为 1,且可配置。
规则:每个按钮的最小触摸目标为 44x44px;当前值需在按钮之间醒目显示;达到最小值时禁用减号,达到最大值时禁用加号;允许直接键盘输入以快速跳转;需对快速点击做防抖处理,避免计数超出。
无障碍:应使用 role="spinbutton",并提供 aria-valuenow、aria-valuemin、aria-valuemax;支持方向键增减数值,也支持直接键入数字。
限制:资料未提供具体实现代码、安装命令、平台支持范围、收费方式或效果数据,这些内容暂未提供。