docs(comp:dropdown): arrow rotate direction error (#1678)

IDuxFE · Sep 4, 2023 · cd4708a · cd4708a
1 parent cf91774
commit cd4708a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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>