[多选按钮 第二轮UI验收问题] 标题和checkbox没有对齐问题

Author: fengjingxuan8

src/components/complex-checkbox/index.js

@@ -31,6 +31,7 @@ export default function ComplexCheckbox(props) {
         [`${classSelector}-overflow-ellipsis`]: textOverflowEllipsis,
         [`${classSelector}-card`]: type === 'card',
         [`${classSelector}-card-disabled`]: type === 'card' && props.disabled,
+        [`${classSelector}-has-content`]: !!content,
       })}
       {...otherProps}
     >
@@ -55,7 +56,7 @@ export default function ComplexCheckbox(props) {
 }
 
 ComplexCheckbox.propTypes = {
-  content: PropTypes.oneOfType([ PropTypes.string, PropTypes.element ]),
+  content: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   imgSrc: PropTypes.string,
   title: PropTypes.string,
   textOverflowEllipsis: PropTypes.bool,

src/components/complex-checkbox/index.less

@@ -12,16 +12,25 @@
     width: 24px;
     margin-right: 8px;
     border-radius: 3px;
+    .@{prefix}-checkbox-wrapper {
+      top: 0px;
+    }
+  }
+
+  &-has-content {
+    .@{prefix}-checkbox-wrapper {
+      top: 3px;
+    }
   }
 
   &-title {
     color: @gray-9;
-    margin-bottom: 4px;
   }
 
   &-content {
     color: @gray-7;
     line-height: 20px;
+    margin-top: 4px;
   }
 
   &-card {