|
|
@@ -192,38 +192,42 @@ render() { |
|
|
|
|
|
|
|
|
|
|
|
<View style={styles.content}> |
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} > |
|
|
|
|
|
|
|
<View style={styles.contentItemTop}> |
|
|
|
|
|
|
|
<Image source={{uri: this.state.contentItem1.coverImg}} resizeMode='cover' style={styles.contentItemTopCover} /> |
|
|
|
<View style={styles.contentItemTopDetail}> |
|
|
|
<Text style={styles.contentItemTopDetailTitle}>{this.state.contentItem1.target.title}</Text> |
|
|
|
<Text style={styles.contentItemTopDetailRemark}>{this.state.contentItem1.target.remark}</Text> |
|
|
|
<View style={styles.contentItemTopDetailPrice}> |
|
|
|
<View style={styles.contentItemTopDetailCurPrice}> |
|
|
|
<Text style={styles.contentItemTopDetailCurPriceStr}>{this.state.contentItem1.target.priceStr}</Text> |
|
|
|
<Text style={styles.contentItemTopDetailCurPriceStrUnit}>元</Text> |
|
|
|
</View> |
|
|
|
<View style={styles.contentItemTopDetailSalePrice}> |
|
|
|
<Text style={styles.contentItemTopDetailSalePriceStr} >{this.state.contentItem1.target.salePriceStr}元</Text> |
|
|
|
</View> |
|
|
|
</View> |
|
|
|
</View> |
|
|
|
<Image source={{uri:'data:image/png;base64,'+this.state.contentItem1.qrcode}} resizeMode='contain' style={styles.contentItemTopQrcode} /> |
|
|
|
|
|
|
|
</View> |
|
|
|
|
|
|
|
<View style={styles.contentItemBottom}> |
|
|
|
<Text style={styles.contentItemBottomMerchantName}>肯德基</Text> |
|
|
|
<View style={styles.contentItemBottomPlacehold}></View> |
|
|
|
<Text style={styles.contentItemBottomAction}>扫码领取</Text> |
|
|
|
</View> |
|
|
|
|
|
|
|
</ImageBackground> |
|
|
|
|
|
|
|
<View style={styles.contentItem}> |
|
|
|
|
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} > |
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItemDownLayer} > |
|
|
|
|
|
|
|
<View style={styles.contentItemTop}> |
|
|
|
<Image source={{uri: this.state.contentItem1.coverImg}} resizeMode='cover' style={styles.contentItemTopCover} /> |
|
|
|
<View style={styles.contentItemTopDetail}> |
|
|
|
<Text style={styles.contentItemTopDetailTitle}>{this.state.contentItem1.target.title}</Text> |
|
|
|
<Text style={styles.contentItemTopDetailRemark}>{this.state.contentItem1.target.remark}</Text> |
|
|
|
<View style={styles.contentItemTopDetailPrice}> |
|
|
|
<View style={styles.contentItemTopDetailCurPrice}> |
|
|
|
<Text style={styles.contentItemTopDetailCurPriceStr}>{this.state.contentItem1.target.priceStr}</Text> |
|
|
|
<Text style={styles.contentItemTopDetailCurPriceStrUnit}>元</Text> |
|
|
|
</View> |
|
|
|
<View style={styles.contentItemTopDetailSalePrice}> |
|
|
|
<Text style={styles.contentItemTopDetailSalePriceStr} >{this.state.contentItem1.target.salePriceStr}元</Text> |
|
|
|
</View> |
|
|
|
</View> |
|
|
|
</View> |
|
|
|
<Image source={{uri:'data:image/png;base64,'+this.state.contentItem1.qrcode}} resizeMode='contain' style={styles.contentItemTopQrcode} /> |
|
|
|
</View> |
|
|
|
|
|
|
|
<View style={styles.contentItemBottom}> |
|
|
|
<Text style={styles.contentItemBottomMerchantName}>肯德基</Text> |
|
|
|
<View style={styles.contentItemBottomPlacehold}></View> |
|
|
|
<Text style={styles.contentItemBottomAction}>扫码领取</Text> |
|
|
|
</View> |
|
|
|
|
|
|
|
</ImageBackground> |
|
|
|
|
|
|
|
<Image source={require('./image/discount.png')} resizeMode='center' style={styles.contentItemUpLayer} /> |
|
|
|
|
|
|
|
</View> |
|
|
|
<View style={styles.contentItem}> |
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItemDownLayer} > |
|
|
|
|
|
|
|
<View style={styles.contentItemTop}> |
|
|
|
|
|
|
@@ -252,9 +256,11 @@ render() { |
|
|
|
</View> |
|
|
|
|
|
|
|
</ImageBackground> |
|
|
|
<Image source={require('./image/discount.png')} resizeMode='center' style={styles.contentItemUpLayer} /> |
|
|
|
</View> |
|
|
|
|
|
|
|
|
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} > |
|
|
|
<View style={styles.contentItem}> |
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItemDownLayer} > |
|
|
|
|
|
|
|
<View style={styles.contentItemTop}> |
|
|
|
|
|
|
@@ -283,6 +289,8 @@ render() { |
|
|
|
</View> |
|
|
|
|
|
|
|
</ImageBackground> |
|
|
|
<Image source={require('./image/discount.png')} resizeMode='center' style={styles.contentItemUpLayer} /> |
|
|
|
</View> |
|
|
|
</View> |
|
|
|
|
|
|
|
<View style={styles.bottom}> |
|
|
@@ -360,12 +368,12 @@ render() { |
|
|
|
}, |
|
|
|
|
|
|
|
titleQrcodePlacehold: { |
|
|
|
flex: 2, |
|
|
|
backgroundColor:'blue' |
|
|
|
flex: 5, |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
|
titleQrcode: { |
|
|
|
flex: 2, |
|
|
|
flex: 6, |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
backgroundColor:'transparent' |
|
|
@@ -412,10 +420,25 @@ render() { |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
flexDirection: 'column', |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
|
contentItemDownLayer:{ |
|
|
|
position:'absolute', |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
flexDirection: 'column', |
|
|
|
alignItems: 'center', |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
|
contentItemUpLayer:{ |
|
|
|
width:80, |
|
|
|
height:60, |
|
|
|
position:'absolute', |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
|
contentItemTop:{ |
|
|
|
flex: 3, |
|
|
|
width:'100%', |
|
|
@@ -503,7 +526,7 @@ render() { |
|
|
|
textAlign :'left', |
|
|
|
textAlignVertical:'center', |
|
|
|
fontSize: 24, |
|
|
|
color: 'black' |
|
|
|
color: 'darkgray' |
|
|
|
}, |
|
|
|
|
|
|
|
contentItemTopDetailRemark:{ |
|
|
|