From cd4708ac617c0ca24ebdb980af3687f5e7a9d4eb Mon Sep 17 00:00:00 2001
From: saller <weskerli@163.com>
Date: Mon, 4 Sep 2023 19:17:12 +0800
Subject: [PATCH] docs(comp:dropdown): arrow rotate direction error (#1678)

---
 packages/components/dropdown/demo/Basic.vue  | 2 +-
 packages/components/dropdown/demo/Button.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/dropdown/demo/Basic.vue b/packages/components/dropdown/demo/Basic.vue
index ca099d46b..cbda613de 100644
--- a/packages/components/dropdown/demo/Basic.vue
+++ b/packages/components/dropdown/demo/Basic.vue
@@ -1,6 +1,6 @@
 <template>
   <IxDropdown v-model:visible="visible">
-    <a class="ix-dropdown-trigger">Hover me <IxIcon name="down" :rotate="visible ? 0 : -180"></IxIcon></a>
+    <a class="ix-dropdown-trigger">Hover me <IxIcon name="down" :rotate="visible ? -180 : 0"></IxIcon></a>
     <template #overlay>
       <IxMenu :dataSource="dataSource" :selectable="false" @click="onClick"></IxMenu>
     </template>
diff --git a/packages/components/dropdown/demo/Button.vue b/packages/components/dropdown/demo/Button.vue
index 5aced103c..586ea0428 100644
--- a/packages/components/dropdown/demo/Button.vue
+++ b/packages/components/dropdown/demo/Button.vue
@@ -13,7 +13,7 @@
       <IxButton @click="onClick">Button</IxButton>
       <IxDropdown v-model:visible="settingDropdownVisible">
         <IxButton shape="square">
-          <IxIcon name="setting" :rotate="settingDropdownVisible ? 0 : -180" size="16px" />
+          <IxIcon name="setting" :rotate="settingDropdownVisible ? -180 : 0" size="16px" />
         </IxButton>
         <template #overlay>
           <IxMenu :dataSource="dataSource" :selectable="false"></IxMenu>
@@ -24,7 +24,7 @@
     <IxDropdown v-model:visible="arrowDropdownVisible">
       <IxButton>
         Button
-        <IxIcon name="down" :rotate="arrowDropdownVisible ? 0 : -180" size="16px" style="margin-left: 4px"></IxIcon>
+        <IxIcon name="down" :rotate="arrowDropdownVisible ? -180 : 0" size="16px" style="margin-left: 4px"></IxIcon>
       </IxButton>
       <template #overlay>
         <IxMenu :dataSource="dataSource" :selectable="false"></IxMenu>