From 1b15c6066e7d2b4c8d76b323a24ecb94d0a9bd47 Mon Sep 17 00:00:00 2001
From: chenjiahan <chenjiahan@youzan.com>
Date: Fri, 26 Jun 2020 17:21:32 +0800
Subject: [PATCH] style(Sku): simplify goods info style

---
 src/sku/components/SkuHeader.tsx |  9 +--------
 src/sku/index.less               | 16 ++++------------
 2 files changed, 5 insertions(+), 20 deletions(-)

diff --git a/src/sku/components/SkuHeader.tsx b/src/sku/components/SkuHeader.tsx
index e64962992..54c76103f 100644
--- a/src/sku/components/SkuHeader.tsx
+++ b/src/sku/components/SkuHeader.tsx
@@ -72,14 +72,7 @@ function SkuHeader(
           {slots['sku-header-image-extra']?.()}
         </div>
       )}
-      <div
-        class={[
-          bem('goods-info'),
-          !showHeaderImage && bem('goods-info--no-padding'),
-        ]}
-      >
-        {slots.default?.()}
-      </div>
+      <div class={bem('goods-info')}>{slots.default?.()}</div>
     </div>
   );
 }
diff --git a/src/sku/index.less b/src/sku/index.less
index 9e73d2978..0100529ee 100644
--- a/src/sku/index.less
+++ b/src/sku/index.less
@@ -25,17 +25,15 @@
   }
 
   &-header {
+    display: flex;
     margin: 0 @padding-md;
 
     &__img-wrap {
       position: relative;
-      float: left;
       width: 96px;
       height: 96px;
-      margin: @padding-sm 0;
-      overflow: hidden;
+      margin: @padding-sm @padding-sm @padding-sm 0;
       background: @background-color;
-      border-radius: @border-radius-md;
 
       img {
         position: absolute;
@@ -46,6 +44,7 @@
         max-width: 100%;
         max-height: 100%;
         margin: auto;
+        border-radius: @border-radius-md;
       }
     }
 
@@ -53,14 +52,7 @@
       display: flex;
       flex-direction: column;
       justify-content: flex-end;
-      box-sizing: border-box;
-      min-height: 96px;
-      padding: @padding-sm 20px @padding-sm @padding-xs;
-      overflow: hidden;
-
-      &--no-padding {
-        padding-left: 0;
-      }
+      padding: @padding-sm 20px @padding-sm 0;
     }
   }