| @@ -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:{ | |||