fix(list): list style (#1652)

src/list/style/index.less

@@ -6,9 +6,11 @@
 @popover__popcorn-prefix-cls: ~'@{component-prefix}-popover__popcorn';
 
 .@{list-prefix-cls} {
+  display: flex;
+  flex-flow: column;
   margin: 0;
   padding: 8px;
-  list-style-type: none;
+  row-gap: 4px;
   &--preview {
     &--overlay {
       &[data-popper-placement^='right'] {
@@ -17,34 +19,19 @@
     }
   }
   .@{cascader-prefix-cls} {
-    display: block;
     box-sizing: border-box;
     min-width: 120px;
     height: auto;
     max-height: 520px;
-    padding: 8px;
     background: @gray-0;
     border: 1px solid #dfe4ee;
     border-radius: 8px;
     box-shadow: 0 8px 24px rgba(36, 46, 89, 0.1);
     .scrollbar(@x: hidden, @y: overlay);
     &--item {
-      margin-bottom: 4px;
-      &:last-child {
-        margin-bottom: 0;
-      }
       .@{popover__popcorn-prefix-cls} {
         display: inherit;
       }
-      & .@{list-prefix-cls}--item {
-        margin-bottom: 0;
-      }
-    }
-    & > .@{list-prefix-cls}--item {
-      margin-bottom: 4px;
-      &:last-child {
-        margin-bottom: 0;
-      }
     }
   }
 
@@ -90,7 +77,6 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-bottom: 4px;
     padding: 7px 12px;
     color: @gray-5;
     font-weight: normal;
@@ -104,7 +90,6 @@
       justify-content: flex-start;
       cursor: all-scroll;
       & > .@{list-prefix-cls}--item {
-        margin-bottom: 0;
         padding: 0;
         background-color: inherit;
       }
@@ -127,9 +112,6 @@
     &:not(&--disabled):hover {
       background-color: @gray-1;
     }
-    &:last-child {
-      margin-bottom: 0;
-    }
     &:not(&--disabled):not(&--drag):active {
       color: @blue-3;
     }