步骤

Blazor的RangeSlider需要其大小刻度的值。您可以通过相应的参数来控制它们。

在本文中:

• LargeStep
• SmallStep
• 例子

LargeStep

的LargeStep定义较大(较长)刻度所在的位置-它们在元素的每n次出现时呈现LargeStep．

在轨道的开始至少会呈现一个大刻度，即使LargeStep大于最小值而且马克斯．

这纯粹是一个表示设置，我们建议将其设置为与滑块和SmallStep最佳外观奖。

若要禁用大刻度的呈现，请将该参数设置为0。

SmallStep

的SmmallStep定义滑块所经过的步骤价值当用户拖动手柄时更改。还定义轨道上出现小刻度的位置，以指示可以选择的值。

我们建议将SmallStep与LargeStep为了改善视觉外观(例如，乘以SmallStep并将其设为LargeStep）.

滑块开始呈现刻度最小值值，如果马克斯不匹配一个标记，它将不会被渲染。例如，如果最小值= 0而且Max = 100但SmallStep = 15渲染的最终值为90(四倍的小步骤)而不是One hundred.．

例子

• 匹配刻度步长，最小值，最大值
• 不匹配刻度步长，最小，最大

匹配刻度步长，最小值，最大值

您可以在小步长上使用乘数来设置大步长，并确保这可以消除最小值和最大值之间的差异。这将提供最好的外观，滴答将分布均匀，你将能够使用滑块的全部范围。

from @TheStartValue to @TheEndValue 
   @code{decimal TheStartValue {get;设置;} = 20m;十进制TheEndValue {get;设置;} = 45m;｝

不匹配刻度步长，最小，最大

在这个例子中，最大值与大步长、小步长和最小值不匹配，所以最大值不会被渲染，用户只能向上取90而不是One hundred.．在本例中，小步骤和大步骤是匹配的，但是，唯一的“问题”是马克斯价值。

from @TheStartValue to @TheEndValue 
   @code{decimal TheStartValue {get;设置;} = 20m;十进制TheEndValue {get;设置;} = 45m;｝