# 6.6 滑杆刻度(Slider Scale)

带刻度的滑块组件

# 基础用法

<template>
  <dof-slider :value="50">
    <dof-slider-scale :value="0">0</dof-slider-scale>
    <dof-slider-scale :value="50">50</dof-slider-scale>
    <dof-slider-scale :value="100">100</dof-slider-scale>
  </dof-slider>
</template>
1
2
3
4
5
6
7

# Attributes

Prop Type Required Default Description
value Number Y - 当前刻度值
color String N '' 刻度文字颜色
needDarkMode Boolean N undefined 默认继承父组件的暗黑开关;显式 false 关闭,启用后跟随 M-dark/T-dark

刻度通过 provide/inject 自动继承父级 Slider 的 RTL 状态,不提供独立的 isRTL prop;请在 <dof-slider> 上设置 :is-r-t-l="true"。

设置 :need-dark-mode="true" 可启用内置暗黑配色,主题初始化与构建配置见 接入说明。

颜色属性为空时使用内置配色;业务显式颜色和样式覆盖优先于默认配色,关闭暗黑适配后仍有效。

不传 needDarkMode 时继承 Slider 的开关,显式 false 可关闭;color 覆盖刻度文字颜色。