| @@ -45,6 +45,8 @@ export default class MyPage extends Component { | |||||
| contentItem2:contentItemDefault, | contentItem2:contentItemDefault, | ||||
| contentItem3:contentItemDefault, | contentItem3:contentItemDefault, | ||||
| contentDisplayStatus:true, | |||||
| syncMessage: "INIT" , | syncMessage: "INIT" , | ||||
| progress: { | progress: { | ||||
| receivedBytes:0, | receivedBytes:0, | ||||
| @@ -134,6 +136,14 @@ componentDidMount() { | |||||
| this.getBaseInfo() | this.getBaseInfo() | ||||
| this.getAdDataList() | this.getAdDataList() | ||||
| setInterval( | |||||
| ()=>{ | |||||
| this.setState({ contentDisplayStatus: false}) | |||||
| this.setState({ contentDisplayStatus: true}) | |||||
| }, | |||||
| 5000, | |||||
| ); | |||||
| } | } | ||||
| @@ -154,6 +164,113 @@ render() { | |||||
| ); | ); | ||||
| } | } | ||||
| if (this.state.contentDisplayStatus) { | |||||
| var content = (<View style={styles.content}> | |||||
| <Animatable.View animation="slideInDown" 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.contentItemTopCoverImg} /> | |||||
| <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} /> | |||||
| </Animatable.View> | |||||
| <Animatable.View animation="slideInLeft" 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.contentItemTopCoverImg} /> | |||||
| <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} /> | |||||
| </Animatable.View> | |||||
| <Animatable.View animation="slideInRight" 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.contentItemTopCoverImg} /> | |||||
| <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} /> | |||||
| </Animatable.View> | |||||
| </View>) | |||||
| }else{ | |||||
| var content = <View style={styles.content}></View> | |||||
| } | |||||
| return ( | return ( | ||||
| <ImageBackground style={styles.background} resizeMode='center' source={require('./image/background.png')}> | <ImageBackground style={styles.background} resizeMode='center' source={require('./image/background.png')}> | ||||
| @@ -167,112 +284,9 @@ render() { | |||||
| <Image source={{uri: this.state.baseInfo.imgQrcodeWeapp}} resizeMode='center' style={styles.titleQrcode} /> | <Image source={{uri: this.state.baseInfo.imgQrcodeWeapp}} resizeMode='center' style={styles.titleQrcode} /> | ||||
| <View style={styles.titleQrcodePlacehold}></View> | <View style={styles.titleQrcodePlacehold}></View> | ||||
| </ImageBackground> | </ImageBackground> | ||||
| </View> | </View> | ||||
| <View style={styles.content}> | |||||
| <Animatable.View animation="slideInDown" 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.contentItemTopCoverImg} /> | |||||
| <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} /> | |||||
| </Animatable.View> | |||||
| <Animatable.View animation="slideInLeft" 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.contentItemTopCoverImg} /> | |||||
| <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} /> | |||||
| </Animatable.View> | |||||
| <Animatable.View animation="slideInRight" 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.contentItemTopCoverImg} /> | |||||
| <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} /> | |||||
| </Animatable.View> | |||||
| </View> | |||||
| {content} | |||||
| <View style={styles.bottom}> | <View style={styles.bottom}> | ||||
| <View style={styles.bottomLogoBackground}> | <View style={styles.bottomLogoBackground}> | ||||