# 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
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 覆盖刻度文字颜色。