| any = toRef(props, "rangeValue");
@@ -53,6 +55,7 @@ function valHook(val: any) {
           :rangeValue="rangeValues"
           :min="min"
           :max="max"
+          :showDots="showDots"
         />
       
       
@@ -64,6 +67,7 @@ function valHook(val: any) {
           :val="modelValue"
           :min="min"
           :max="max"
+          :showDots="showDots"
         />
       
     
@@ -77,6 +81,7 @@ function valHook(val: any) {
           :rangeValue="rangeValues"
           :min="min"
           :max="max"
+          :showDots="showDots"
         />
       
       
@@ -88,6 +93,7 @@ function valHook(val: any) {
           :step="step"
           :min="min"
           :max="max"
+          :showDots="showDots"
         >
       
     
diff --git a/package/component/src/component/slider/utils/index.ts b/package/component/src/component/slider/utils/index.ts
index 400cd249..3495480b 100644
--- a/package/component/src/component/slider/utils/index.ts
+++ b/package/component/src/component/slider/utils/index.ts
@@ -13,3 +13,16 @@ export function throttle(func: Function) {
 export function handle_select(e: Event): void {
   e.preventDefault();
 }
+
+export function makeDots(props: any) {
+  if (props.step === 0) return [];
+  let val = 0;
+  let dots = [0];
+  let count = Math.floor(100 / props.step) - 1;
+  for (let i = 0; i < count; i++) {
+    val += props.step;
+    dots.push(val);
+  }
+  dots.push(100);
+  return dots;
+}
diff --git a/package/document/src/document/zh-CN/components/slider.md b/package/document/src/document/zh-CN/components/slider.md
index 124c5a2d..73ac2603 100644
--- a/package/document/src/document/zh-CN/components/slider.md
+++ b/package/document/src/document/zh-CN/components/slider.md
@@ -13,7 +13,7 @@
 ::: demo 使用 `lay-slider` 标签, 创建滑块
 
 
-  
+  
   
 
 
@@ -37,7 +37,7 @@ export default {
 ::: demo
 
 
-  
+