feats

src/components/CouponCard/Media/Body.jsx

@@ -6,10 +6,12 @@ import './style.less'
 export default (props) => {
   const { star } = props
 
+  const enableStar = star !== undefined && star !== null
+
   return (
     <View className='coupun-media_body'>
-      {star?<Star score={(star).toFixed(1)} style={{ position: 'absolute', top: '26rpx', left: 0 }} />:''}      
-      <View>
+      {enableStar && <Star score={(star).toFixed(1)} style={{ marginTop: '26rpx' }} />}      
+      <View className='coupun-media_body_ctt'>
         {props.children}
       </View>
     </View>

src/components/CouponCard/Media/Header.jsx

@@ -7,9 +7,11 @@ import './style.less'
 export default (props) => {
   const { cashback, badge, image } = props
 
+  const enableCashback = cashback !== undefined && cashback !== null
+
   return (
     <View className='coupun-media_header'>
-      {cashback?<Cashback money={cashback} style={{ position: 'absolute', top: '10px', left: 0 }} />:''}
+      {enableCashback && <Cashback money={cashback} style={{ marginTop: '10px' }} />}
       <View className='coupun-media_thumb'>
         <BadgeTag type={badge} />
         <Image src={image} />

src/components/CouponCard/Media/style.less

@@ -8,10 +8,12 @@
     width: 184px;
     position: relative;
 
-    padding: 78px 20px 40px;
+    padding: 0 20px 40px 0;
   }
 
   &_thumb {
+    margin-top: 20px;
+    margin-left: 20px;
     width: 144px;
     height: 144px;
     border-radius: 24px;
@@ -28,7 +30,11 @@
   &_body {
     flex: auto;
     position: relative;
-    padding: 78px 20px 40px 0;
+    padding: 0 20px 40px 0;
     box-sizing: border-box;
+
+    &_ctt {
+      margin-top: 20px;
+    }
   }
 }