feat: 去掉icon动画，增加css var文档

DevCloudFE · Oct 8, 2023 · 09ccd90 · 09ccd90
1 parent 4693065
commit 09ccd90
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 7 deletions.
diff --git a/devui/menu/doc/api-cn.md b/devui/menu/doc/api-cn.md
@@ -121,4 +121,15 @@ export {
 |       $implicit        |   `string`    |                title属性                 |
 |       disabled       |  `boolean`  |                 表示嵌套结构层级                  |
 |       open       |   `boolean`    |                 所属父级菜单数据                  |
-|   icon   |  `string`  |        图标   |
+|   icon   |  `string`  |        图标   |
+
+
+### css variable 说明
+
+|        变量        |    类型    |                   变量含义说明                    |
+| :----------------: | :--------: | :-----------------------------------------------: |
+|       --devui-menu-width        |   `string`    |                菜单宽度                 |
+|       --devui-menu-item-height       |  `string`  |                 单个菜单高度                  |
+|       --devui-menu-item-static-padding       |   `string`    |                 单个菜单的缩进距离                  |
+|   --devui-padding-size   |  `string`  |         菜单基础缩进距离   |
+|   --devui-icon-gap  |  `string`  |        title和icon的间距   |
diff --git a/devui/menu/doc/api-en.md b/devui/menu/doc/api-en.md
@@ -119,6 +119,17 @@ export {
 |        Variable        |    Type    |                   Variable                  |
 | :----------------: | :--------: | :-----------------------------------------------: |
 |       $implicit        |   `string`    |                title attribute                 |
-|       disabled       |  `boolean`  |                 Represents a nested structure hierarchy                  |
-|       open       |   `boolean`    |                 Parent Menu Data                  |
-|   icon   |  `string`  |        Icon   |
+|       disabled       |  `boolean`  |                 represents a nested structure hierarchy                  |
+|       open       |   `boolean`    |                 parent Menu Data                  |
+|   icon   |  `string`  |        Icon   |
+
+
+### css variable 说明
+
+|        变量        |    类型    |                   变量含义说明                    |
+| :----------------: | :--------: | :-----------------------------------------------: |
+|       --devui-menu-width        |   `string`    |                menu width                 |
+|       --devui-menu-item-height       |  `string`  |                 menu item height                  |
+|       --devui-menu-item-static-padding       |   `string`    |        menu item indent distance                |
+|   --devui-padding-size   |  `string`  |         menu item basic indent distance    |
+|   --devui-icon-gap  |  `string`  |        the spacing between title and icon   |
diff --git a/devui/menu/menu.component.scss b/devui/menu/menu.component.scss
@@ -39,8 +39,7 @@ $transition-attrs: $devui-animation-duration-base $devui-animation-ease-in-out-s
   }
 
   .devui-menu-item-icon {
-    transition: transform $transition-attrs;
-
+    // transition: transform $transition-attrs;
     .devui-icon-container {
       color: inherit;
     }
@@ -129,7 +128,7 @@ $transition-attrs: $devui-animation-duration-base $devui-animation-ease-in-out-s
     justify-content: center;
 
     .devui-menu-item-icon {
-      transform: scale(1.2);
+      transform: scale(1.1);
     }
 
     .devui-menu-item-icon + .devui-menu-item-name,