滑块 Slider

Slider 把一个有明确最小值、最大值和步进的数值范围变成可拖动的选择。学习者应该同时看到滑块位置、当前数值和页面结果，而不是只看到一条会变色的轨道。

Slider ≠ InputNumber ≠ Select：Slider 适合在有界范围中快速调整，InputNumber 适合输入精确数值，Select 适合从有限的命名选项中选择。

• 轨道位置不是语义本身；最小值、最大值、步进和当前值必须能被读出。
• 如果用户需要写下 37 件或选择“加急”，就不要让他从滑块位置反推答案。

验收时检查拖动后的数值输出和依赖结果是否使用同一个值，并检查键盘方向键、Home、End 是否能到达范围边界。

• 轨道和范围刻度：告诉用户数值从哪里开始、到哪里结束。
• 滑块钮：承载当前值，可以被鼠标、触摸或键盘移动。
• 当前值输出：把位置翻译成可读数字，并和页面结果保持同步。

在真实筛选里，拖动只是改变候选值；点击应用后，处理中反馈、保存的预算和结果列表都要说明当前页面到底采用了哪个数值。

先看答案的形态，再决定什么时候用 Slider：值在明确上下限内连续变化时使用；需要精确填写或从命名选项中选择时，换成更直接的控件。

请在商品筛选页实现 Slider：预算上限范围为 0–1000 元、步进 100 元，当前值始终贴着轨道可读；拖动后点击“应用筛选”，结果列表按同一个预算值更新。请使用真实 range input，支持方向键、Home、End 和可见焦点，窄屏时保持标签、数值和轨道可读；不要用 Slider 代替精确数字输入或有限命名选项。