Przeglądaj źródła

style: 调整标签ui

lanjianrong 5 lat temu
rodzic
commit
4bc34ad320

+ 1 - 0
src/pages/Customer/Company/components/PersonLabel/index.jsx

@@ -222,6 +222,7 @@ const DropDownMenu = props => {
               wrapperClassName={[
                 styles.menuItem,
                 styles.editMenuItem,
+                styles.menuItemWithBorder,
                 item.id === activeState.activeId ? styles.active : ''
               ].join(' ')}>
               <li onClick={() => labelOnClick(item.id)} style={{ width: '100%' }}>

+ 11 - 8
src/pages/Customer/Company/components/PersonLabel/index.scss

@@ -10,21 +10,24 @@
     font-weight: 600;
     background-color: #eee6f5 !important;
   }
+  .menuItemWithBorder {
+    margin-bottom: 0.25rem;
+    border: 1px solid #e5e5e5;
+    box-shadow: 0 0.2rem 0.325rem rgba(0,0,0,0.04);
+    &:last-of-type {
+      margin: 0;
+    }
+  }
   .menuItem {
     display: flex;
     flex-direction: row;
     flex-wrap: nowrap;
     min-width: 212px;
-    margin-bottom: 0.25rem;
     padding: 0;
     color: #666666;
     background-color: #ffffff;
-    // border: 1px solid #e5e5e5;
     border-radius: 4px;
-    // box-shadow: 0 0.2rem 0.325rem rgba(0,0,0,0.04);
-    &:last-of-type {
-      margin: 0;
-    }
+
     &:hover {
       background-color: #f5f5f5;
     }
@@ -60,8 +63,8 @@
       }
     }
     .checkSpan {
-      display: flex;
-      align-items: center;
+      // display: flex;
+      // align-items: center;
       padding: 0.5rem 0.875rem;
     }
   }