处理菜单样式；

zhangz
1 parent a0cbe821
Showing 2 changed files with 26 additions and 1 deletions
src/mes/common/buttonComponent/index.js
src/mes/common/buttonComponent/index.less
@@ -207,7 +207,7 @@ const ButtonComponent = props =&gt; {
   return (
     <div
       className={`${styles.buttonComponent} ${expand ? styles.expand : styles.packup
-        } ${dataList.length && dataList.length <= 8 ? styles.specialBtns : ""}`}
+        } ${dataList.length && dataList.length <= 8 ? styles.specialBtns : dataList.length > 16 ? styles.specialBtns1 : ""}`}
     >
       <div className={`btns`}>
         <div className={styles.btnsBox}>
@@ -159,6 +159,31 @@
   }
 }
  
+.specialBtns1 {
+  .size(100%, calc(@specialBtns-height * 3));
+
+  :global {
+    .btns {
+      border: 1px solid black;
+      .size(100%, calc(@specialBtns-height * 3));
+    }
+  }
+
+  &.expand {
+    .size(100%, calc(@specialBtns-height * 3));
+    transition: all 0.5s ease-in-out;
+
+    :global {
+      .btns {
+        .size(100%, calc(@specialBtns-height * 3));
+        opacity: 1;
+        transition: all 0.5s ease-in-out;
+        border: none;
+      }
+    }
+  }
+}
+
 .workOverTime {
   .flex();
   flex-direction: column;