From dc3fd1bdd0e829004976b81b42b503f90cf03384 Mon Sep 17 00:00:00 2001
From: zcj <18137693952@163.com>
Date: Wed, 7 Sep 2022 18:16:02 +0800
Subject: [PATCH] =?UTF-8?q?style(auto-complete):=20auto-complete=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=20size=20=E5=A4=A7=E5=B0=8F=E4=BD=BF?=
 =?UTF-8?q?=E7=94=A8scss=E5=8F=98=E9=87=8F=E5=90=91=E6=A0=87=E5=87=86?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=20#1199?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../devui/auto-complete/src/auto-complete.scss   |  8 ++++----
 .../docs/components/auto-complete/index.md       | 16 +++++++++-------
 2 files changed, 13 insertions(+), 11 deletions(-)

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>