diff --git a/packages/vant/src/floating-panel/README.md b/packages/vant/src/floating-panel/README.md
index d821a3258..81a186578 100644
--- a/packages/vant/src/floating-panel/README.md
+++ b/packages/vant/src/floating-panel/README.md
@@ -121,3 +121,6 @@ The component provides the following CSS variables, which can be used to customi
 | --van-floating-panel-header-height | _30px_                    | -           |
 | --van-floating-panel-z-index       | _999_                     | -           |
 | --van-floating-panel-background    | _var(--van-background-2)_ | -           |
+| --van-floating-panel-bar-width     | _20px_                    | -           |
+| --van-floating-panel-bar-height    | _3px_                     | -           |
+| --van-floating-panel-bar-color     | _var(--van-gray-5)_       | -           |
diff --git a/packages/vant/src/floating-panel/README.zh-CN.md b/packages/vant/src/floating-panel/README.zh-CN.md
index 36c837e3b..1bd1a434a 100644
--- a/packages/vant/src/floating-panel/README.zh-CN.md
+++ b/packages/vant/src/floating-panel/README.zh-CN.md
@@ -121,3 +121,6 @@ import type { FloatingPanelProps } from 'vant';
 | --van-floating-panel-header-height | _30px_                    | -           |
 | --van-floating-panel-z-index       | _999_                     | -           |
 | --van-floating-panel-background    | _var(--van-background-2)_ | -           |
+| --van-floating-panel-bar-width     | _20px_                    | -           |
+| --van-floating-panel-bar-height    | _3px_                     | -           |
+| --van-floating-panel-bar-color     | _var(--van-gray-5)_       | -           |
diff --git a/packages/vant/src/floating-panel/demo/index.vue b/packages/vant/src/floating-panel/demo/index.vue
index 3399eb216..d341c5794 100644
--- a/packages/vant/src/floating-panel/demo/index.vue
+++ b/packages/vant/src/floating-panel/demo/index.vue
@@ -48,6 +48,7 @@ const height = ref(anchors[0]);
         </van-cell-group>
       </van-floating-panel>
     </van-tab>
+
     <van-tab :title="t('customAnchors')">
       <van-floating-panel v-model:height="height" :anchors="anchors">
         <div style="text-align: center; padding: 15px">
@@ -55,6 +56,7 @@ const height = ref(anchors[0]);
         </div>
       </van-floating-panel>
     </van-tab>
+
     <van-tab :title="t('headDragOnly')">
       <van-floating-panel :content-draggable="false">
         <div style="text-align: center; padding: 15px">
diff --git a/packages/vant/src/floating-panel/index.less b/packages/vant/src/floating-panel/index.less
index 5b45b77dc..b46577a2d 100644
--- a/packages/vant/src/floating-panel/index.less
+++ b/packages/vant/src/floating-panel/index.less
@@ -3,6 +3,9 @@
   --van-floating-panel-header-height: 30px;
   --van-floating-panel-z-index: 999;
   --van-floating-panel-background: var(--van-background-2);
+  --van-floating-panel-bar-width: 20px;
+  --van-floating-panel-bar-height: 3px;
+  --van-floating-panel-bar-color: var(--van-gray-5);
 }
 
 .van-floating-panel {
@@ -37,10 +40,10 @@
     user-select: none;
 
     &-bar {
-      height: 3px;
-      width: 20px;
-      border-radius: 4px;
-      background: var(--van-gray-5);
+      height: var(--van-floating-panel-bar-height);
+      width: var(--van-floating-panel-bar-width);
+      border-radius: var(--van-radius-md);
+      background: var(--van-floating-panel-bar-color);
     }
   }