add 卡片 review by daiqiang

@@ -66,7 +66,7 @@ export default class SnapshootShare extends React.Component {
       if (!resource) {
         return null;
       }
-      let productIcon = resource.productIcon ? getSlicedUrl(resource.productIcon,109*DEVICE_WIDTH_RATIO, 141*DEVICE_WIDTH_RATIO, 2) : '';
+      let productIcon = resource.productIcon ? getSlicedUrl(resource.productIcon,218*DEVICE_WIDTH_RATIO, 282*DEVICE_WIDTH_RATIO, 2) : '';
       let productGroupPrice = resource.productGroupPrice;
       let productName = resource.productName;
       let productSalePrice = resource.productSalePrice;
@@ -89,39 +89,36 @@ export default class SnapshootShare extends React.Component {
                       showsVerticalScrollIndicator={false}
                     >
                       <View style={styles.container} ref='container'>
-                        <View style={styles.titleV}>
-                          <Text style={styles.name}>{nickName}</Text>
-                          <Text style={styles.commonText}>邀请你参团</Text>
-                        </View>
+
+                        <Image source={require('../images/share-logo.png')} resizeMode={'contain'} style={styles.logo} />
                         <View style={styles.product}>
                           <YH_Image style={styles.productimage} url={productIcon}></YH_Image>
-                          <View style={styles.right}>
-                            <View style={styles.titleView}>
-                              <Text style={styles.title} numberOfLines={2}>{productName}</Text>
+                          <View style={styles.productDetail}>
+                            <View style={styles.productDetailTop}>
+                              <Text style={styles.productDetailTopText}>{productName}</Text>
                             </View>
-                            <View style={styles.priceView}>
-                              <View style={styles.iconTextView}>
-                                <Text style={styles.iconText}>{perpleNum}人团</Text>
-                              </View>
-                              <Text style={styles.price1}>{productGroupPrice}</Text>
-                            </View>
-                            <View style={styles.subPriceView}>
-                              <Text style={styles.subPrice1}>单人购买：</Text>
+                            <View style={styles.productDetailBottom}>
+                              <Image source={require('../images/Group5.png')} style={styles.priceIcon} />
+                              <Text style={styles.price}>{productGroupPrice}</Text>
                               <DeleteLineText
-                                  style={styles.oldPriceContainer}
-                                  textStyle={styles.price2}
-                                  lineStyle={styles.deleteLine}
-                                  text={productSalePrice}
-                              />
+                                 style={styles.oldPriceContainer}
+                                 textStyle={styles.price2}
+                                 lineStyle={styles.deleteLine}
+                                 text={productSalePrice}
+                             />
                             </View>
                           </View>
+                          <Image source={require('../images/Page.png')} resizeMode={'contain'} style={styles.mianyouIcon} />
                         </View>
-                        <Image source={require('../images/share-logo.png')} resizeMode={'contain'} style={styles.logo} />
-                        <Image source={{uri: qrCode}} resizeMode={'contain'} style={styles.qr} />
-                        <Text style={styles.tip}>长按扫码立即参团</Text>
-                        <View style={styles.tipDetailView}>
-                          <Image source={require('../images/PT_tip_ic.png')} resizeMode={'contain'} style={styles.tipicon} />
-                          <Text style={styles.tipDetailText}>实际价格以页面展示为准</Text>
+                        <View style={styles.bottom}>
+                          <Image source={{uri: qrCode}} resizeMode={'contain'} style={styles.qr} />
+                          <View style={styles.bottomDetail}>
+                            <View style={styles.titleV}>
+                              <Text style={styles.titleText}>{nickName}</Text>
+                              <Text style={styles.titleText}>邀请你参团</Text>
+                            </View>
+                            <Text style={styles.tipDetailText}>长按图片识别小程序参团</Text>
+                          </View>
                         </View>
                       </View>
                       <View style={styles.spaceV}/>
@@ -184,154 +181,131 @@ let styles = StyleSheet.create({
       backgroundColor: 'white',
       alignItems: 'center',
     },
-    titleV: {
-      width: 300*DEVICE_WIDTH_RATIO,
-      height: 22*DEVICE_WIDTH_RATIO,
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center',
-      marginTop: 60*DEVICE_WIDTH_RATIO,
-    },
-    name: {
-      fontSize: 16,
-      color: '#D0021B',
-    },
-    commonText: {
-      fontSize: 16,
-      color: '#000000',
-    },
-    product: {
-        width: 300*DEVICE_WIDTH_RATIO,
-        height: 141*DEVICE_WIDTH_RATIO,
-        shadowColor: 'rgba(0,0,0,0.4)',
-        shadowOffset: {width: 0, height: 5},
-        shadowOpacity: 0.5,
-        shadowRadius: 5,
-        elevation: 4,
-        flexDirection: 'row',
-        backgroundColor: 'white',
-        marginTop: 34*DEVICE_WIDTH_RATIO,
-    },
-    productimage: {
-      width: 109*DEVICE_WIDTH_RATIO,
-      height: 141*DEVICE_WIDTH_RATIO,
-    },
-    right: {
-      width: 191*DEVICE_WIDTH_RATIO,
-      height: 141*DEVICE_WIDTH_RATIO,
-      flexDirection: 'column',
-    },
-    titleView: {
-      width: 174*DEVICE_WIDTH_RATIO,
-      height: 32*DEVICE_WIDTH_RATIO,
-      marginTop: 17*DEVICE_WIDTH_RATIO,
-      marginLeft: 10*DEVICE_WIDTH_RATIO,
-    },
+
     scrollView: {
       backgroundColor: 'white',
     },
-    spaceV: {
-      backgroundColor: 'white',
-      height: 150*DEVICE_WIDTH_RATIO,
-      width,
+   spaceV: {
+     backgroundColor: 'white',
+     height: 150*DEVICE_WIDTH_RATIO,
+     width,
     },
 
-    title: {
-      fontSize: 12,
-      color: '#444444',
-      lineHeight: 19,
+    logo: {
+      height: 22*DEVICE_WIDTH_RATIO,
+      width: 112*DEVICE_WIDTH_RATIO,
+      marginTop: 37*DEVICE_WIDTH_RATIO,
     },
-    subPriceView: {
-      width: 174*DEVICE_WIDTH_RATIO,
-      height: 14*DEVICE_WIDTH_RATIO,
-      marginLeft: 10*DEVICE_WIDTH_RATIO,
-      marginTop: 5*DEVICE_WIDTH_RATIO,
-      flexDirection: 'row',
-      alignItems: 'center',
+
+    productimage: {
+      height: 443*DEVICE_WIDTH_RATIO,
+      width: 325*DEVICE_WIDTH_RATIO,
     },
-    subPrice1: {
-      fontSize: 10,
-      color: '#B0B0B0',
-      lineHeight: 10*DEVICE_WIDTH_RATIO,
+
+    product: {
+      height: 443*DEVICE_WIDTH_RATIO,
+      width: 325*DEVICE_WIDTH_RATIO,
+      marginTop: 24*DEVICE_WIDTH_RATIO,
     },
-    priceView: {
-      width: 174*DEVICE_WIDTH_RATIO,
-      height: 21*DEVICE_WIDTH_RATIO,
-      marginLeft: 10*DEVICE_WIDTH_RATIO,
-      marginTop: 33*DEVICE_WIDTH_RATIO,
-      flexDirection: 'row',
-      alignItems: 'center',
+    productDetail: {
+      height: 80*DEVICE_WIDTH_RATIO,
+      width: 325*DEVICE_WIDTH_RATIO,
+      backgroundColor: 'rgba(0,0,0,0.4)',
+      position: 'absolute',
+      bottom: 0,
     },
-    iconTextView: {
-      width: 40*DEVICE_WIDTH_RATIO,
-      height: 14*DEVICE_WIDTH_RATIO,
+    productDetailTop: {
+      height: 20*DEVICE_WIDTH_RATIO,
+      width: 325*DEVICE_WIDTH_RATIO,
+      marginTop: 14*DEVICE_WIDTH_RATIO,
       justifyContent: 'center',
       alignItems: 'center',
-      backgroundColor: '#D0021B',
     },
-    iconText: {
-      color: 'white',
-      fontSize: 9,
-      textAlign: 'center',
+    productDetailTopText: {
+      fontSize: 14,
+      color: '#FFFFFF',
     },
-    price1: {
-      fontSize: 18,
-      marginLeft: 10*DEVICE_WIDTH_RATIO,
-      color: '#444444',
-      lineHeight: 18*DEVICE_WIDTH_RATIO,
-      fontWeight: 'bold',
+    productDetailBottom: {
+      height: 30*DEVICE_WIDTH_RATIO,
+      width: 325*DEVICE_WIDTH_RATIO,
+      marginTop: 7*DEVICE_WIDTH_RATIO,
+      flexDirection: 'row',
+      justifyContent: 'center',
+      alignItems: 'center',
     },
-
     oldPriceContainer: {
-        flexDirection: 'row',
-        height: 12,
-        marginTop: 2,
-    },
+       flexDirection: 'row',
+       height: 12,
+       marginTop: 2,
+   },
+   priceIcon: {
+     height: 17,
+     width: 50,
+   },
+   price: {
+     fontSize: 24,
+     color: '#FFFFFF',
+     marginLeft: 15*DEVICE_WIDTH_RATIO,
+     fontWeight: 'bold',
+   },
+   price2: {
+     fontSize: 14,
+     lineHeight: 14,
+     color: '#B0B0B0',
+     alignItems: 'center',
+     marginLeft: 13*DEVICE_WIDTH_RATIO,
+   },
+   deleteLine: {
+       position: 'absolute',
+       top: (12 / 2),
+       left: 13,
+       right: 0,
+       height: 1,
+       backgroundColor: '#b0b0b0',
+   },
 
-    price2: {
-      fontSize: 12,
-      lineHeight: 12,
-      color: '#B0B0B0',
+   mianyouIcon: {
+       position: 'absolute',
+       top: 262*DEVICE_WIDTH_RATIO,
+       right: 28*DEVICE_WIDTH_RATIO,
+       height: 63*DEVICE_WIDTH_RATIO,
+       width: 63*DEVICE_WIDTH_RATIO,
+   },
+
+    bottom: {
+      height: 141*DEVICE_WIDTH_RATIO,
+      width: 325*DEVICE_WIDTH_RATIO,
       alignItems: 'center',
-    },
-    deleteLine: {
-        position: 'absolute',
-        top: (16 / 2) - 4,
-        left: 0,
-        right: 0,
-        height: 1,
-        backgroundColor: '#b0b0b0',
-    },
-    logo: {
-      height: 19*DEVICE_WIDTH_RATIO,
-      width: 300*DEVICE_WIDTH_RATIO,
-      marginTop: 80*DEVICE_WIDTH_RATIO,
+      flexDirection: 'row',
     },
     qr: {
-      height: 120*DEVICE_WIDTH_RATIO,
-      width: 120*DEVICE_WIDTH_RATIO,
-      marginTop: 25*DEVICE_WIDTH_RATIO,
+      height: 80*DEVICE_WIDTH_RATIO,
+      width: 80*DEVICE_WIDTH_RATIO,
     },
-    tip: {
-      fontSize: 14,
-      color:'#444444',
-      marginTop: 25*DEVICE_WIDTH_RATIO,
+
+    bottomDetail: {
+      height: 80*DEVICE_WIDTH_RATIO,
+      width: 245*DEVICE_WIDTH_RATIO,
     },
-    tipDetailView: {
+    titleV: {
+      width: 218*DEVICE_WIDTH_RATIO,
+      height: 20*DEVICE_WIDTH_RATIO,
       flexDirection: 'row',
       alignItems: 'center',
+      marginTop: 16*DEVICE_WIDTH_RATIO,
+      marginLeft: 27*DEVICE_WIDTH_RATIO,
     },
-    tipicon: {
-      marginTop: 10*DEVICE_WIDTH_RATIO,
-      height: 15*DEVICE_WIDTH_RATIO,
-      width: 15*DEVICE_WIDTH_RATIO,
+    titleText: {
+      fontSize: 16,
+      color: '#444444',
     },
     tipDetailText: {
       fontSize: 12,
       color: '#B0B0B0',
-      marginTop: 10*DEVICE_WIDTH_RATIO,
-      marginLeft: 5*DEVICE_WIDTH_RATIO,
+      marginTop: 12*DEVICE_WIDTH_RATIO,
+      marginLeft: 27*DEVICE_WIDTH_RATIO,
     },
+
     shareView: {
       position: 'absolute',
       width,
@@ -354,7 +328,6 @@ let styles = StyleSheet.create({
      flexDirection: 'row',
    },
    button1: {
-    // marginLeft: 10*DEVICE_WIDTH_RATIO,
     alignItems: 'center',
    },