diff --git a/packages/devui-vue/devui/auto-complete/src/auto-complete.scss b/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
index 040a10115c..e263faff68 100644
--- a/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
+++ b/packages/devui-vue/devui/auto-complete/src/auto-complete.scss
@@ -121,17 +121,17 @@
 
 .#{$devui-prefix}-auto-complete {
   &--sm {
-    height: 26px;
+    height: $devui-size-sm;
     font-size: $devui-font-size-sm;
   }
 
   &--md {
-    height: 32px;
-    font-size: $devui-font-size;
+    height: $devui-size-md;
+    font-size: $devui-font-size-md;
   }
 
   &--lg {
-    height: 46px;
+    height: $devui-size-lg;
     font-size: $devui-font-size-lg;
   }
 
diff --git a/packages/devui-vue/docs/components/auto-complete/index.md b/packages/devui-vue/docs/components/auto-complete/index.md
index 537485dfc0..05fc9a2a60 100644
--- a/packages/devui-vue/docs/components/auto-complete/index.md
+++ b/packages/devui-vue/docs/components/auto-complete/index.md
@@ -81,12 +81,14 @@ export default defineComponent({
 
 ```vue
 <template>
-  <div class="mb-0">Small</div>
-  <d-auto-complete class="mb-2" size="sm" :source="source" v-model="value1" :width="420"> </d-auto-complete>
-  <div class="mb-0">Middle</div>
-  <d-auto-complete class="mb-2" :source="source" v-model="value2" :width="420"> </d-auto-complete>
-  <div class="mb-0">Large</div>
-  <d-auto-complete class="mb-2" size="lg" :source="source" v-model="value3" :width="420"> </d-auto-complete>
+  <h4>Small</h4>
+  <d-auto-complete size="sm" :source="source" v-model="value1" :width="420"> </d-auto-complete>
+  
+  <h4>Middle</h4>
+  <d-auto-complete :source="source" v-model="value2" :width="420"> </d-auto-complete>
+  
+  <h4>Large</h4>
+  <d-auto-complete size="lg" :source="source" v-model="value3" :width="420"> </d-auto-complete>
 </template>
 
 <script>
@@ -125,7 +127,7 @@ export default defineComponent({
     </d-col>
     <d-col :flex="2">
       <d-button id="primaryBtn" @click="toggle" style="margin-left:10px">
-        {{ isDisabled ? 'Enable AutoComplete' : 'Disable AutoComplete' }}
+        {{ isDisabled ? '点击启用' : '点击禁用' }}
       </d-button>
     </d-col>
   </d-row>