diff --git a/examples/docs/resources/pc/demo/rate/dynamic-disable.vue b/examples/docs/resources/pc/demo/rate/dynamic-disable.vue
index 5da0f4298..b1f514f63 100644
--- a/examples/docs/resources/pc/demo/rate/dynamic-disable.vue
+++ b/examples/docs/resources/pc/demo/rate/dynamic-disable.vue
@@ -1,5 +1,5 @@
 <template>
-  <tiny-rate v-model="rate" disabled></tiny-rate>
+  <tiny-rate v-model="rate" allow-half disabled></tiny-rate>
 </template>
 
 <script lang="jsx">
@@ -11,7 +11,7 @@ export default {
   },
   data() {
     return {
-      rate: 3
+      rate: 2.5
     }
   }
 }
diff --git a/packages/renderless/src/rate/index.ts b/packages/renderless/src/rate/index.ts
index 9a59a914e..55b09e38e 100644
--- a/packages/renderless/src/rate/index.ts
+++ b/packages/renderless/src/rate/index.ts
@@ -201,7 +201,10 @@ export const computedDecimalStyle = ({ props, state }) => {
 
   if (props.disabled) {
     width = `${props.modelValue * 100 - Math.floor(props.modelValue) * 100 < 50 ? 0 : 100}%`
-  } else if (props.allowHalf) {
+  }
+  
+  if (props.allowHalf) {
+    width = ''
     const reactSize = props.size ? Math.ceil(parseInt(props.size) / 2) + 'px' : '6px'
 
     clip = `rect(0px, ${reactSize}, ${props.size || '14px'}, 0px)`