| @@ -192,38 +192,42 @@ render() { | |||||
| <View style={styles.content}> | <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}> | <View style={styles.contentItemTop}> | ||||
| @@ -252,9 +256,11 @@ render() { | |||||
| </View> | </View> | ||||
| </ImageBackground> | </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}> | <View style={styles.contentItemTop}> | ||||
| @@ -283,6 +289,8 @@ render() { | |||||
| </View> | </View> | ||||
| </ImageBackground> | </ImageBackground> | ||||
| <Image source={require('./image/discount.png')} resizeMode='center' style={styles.contentItemUpLayer} /> | |||||
| </View> | |||||
| </View> | </View> | ||||
| <View style={styles.bottom}> | <View style={styles.bottom}> | ||||
| @@ -360,12 +368,12 @@ render() { | |||||
| }, | }, | ||||
| titleQrcodePlacehold: { | titleQrcodePlacehold: { | ||||
| flex: 2, | |||||
| backgroundColor:'blue' | |||||
| flex: 5, | |||||
| backgroundColor:'transparent' | |||||
| }, | }, | ||||
| titleQrcode: { | titleQrcode: { | ||||
| flex: 2, | |||||
| flex: 6, | |||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| @@ -412,10 +420,25 @@ render() { | |||||
| width:'100%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| flexDirection: 'column', | flexDirection: 'column', | ||||
| backgroundColor:'transparent' | |||||
| }, | |||||
| contentItemDownLayer:{ | |||||
| position:'absolute', | |||||
| width:'100%', | |||||
| height:'100%', | |||||
| flexDirection: 'column', | |||||
| alignItems: 'center', | alignItems: 'center', | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| contentItemUpLayer:{ | |||||
| width:80, | |||||
| height:60, | |||||
| position:'absolute', | |||||
| backgroundColor:'transparent' | |||||
| }, | |||||
| contentItemTop:{ | contentItemTop:{ | ||||
| flex: 3, | flex: 3, | ||||
| width:'100%', | width:'100%', | ||||
| @@ -503,7 +526,7 @@ render() { | |||||
| textAlign :'left', | textAlign :'left', | ||||
| textAlignVertical:'center', | textAlignVertical:'center', | ||||
| fontSize: 24, | fontSize: 24, | ||||
| color: 'black' | |||||
| color: 'darkgray' | |||||
| }, | }, | ||||
| contentItemTopDetailRemark:{ | contentItemTopDetailRemark:{ | ||||