| @@ -25,6 +25,13 @@ export default class MyPage extends Component { | |||
| constructor(props) { | |||
| super(props); | |||
| this.state = { | |||
| baseInfo: { | |||
| imgUrl:'', | |||
| imgQrcodeWeapp:'', | |||
| imgQrcodeWemp:'' | |||
| }, | |||
| text:'', | |||
| qrcode:[], | |||
| restartAllowed: true , | |||
| @@ -109,12 +116,20 @@ codePushStatusDidChange(syncStatus) { | |||
| } | |||
| getBaseInfo() { | |||
| getTestData() { | |||
| HttpUtils.get('https://mall.youlane.cn/api/wxDeviceScreenAd/list?deviceId=11%3AAA%3A33%3ABB%3A44&pageNum=1&pageSize=5') | |||
| .then(result => { | |||
| this.setState({ | |||
| text: JSON.stringify, | |||
| qrcode: result.data.list[0].qrcode}); | |||
| qrcode: result.data.list[0].qrcode}); | |||
| }) | |||
| .catch(error => console.error(error)) | |||
| } | |||
| getBaseInfo() { | |||
| HttpUtils.get('https://mall.youlane.cn/api/wxDeviceScreenAd/info?deviceId=11%3AAA%3A33%3ABB%3A44') | |||
| .then(result => { | |||
| this.setState({ | |||
| baseInfo:result.data}); | |||
| }) | |||
| .catch(error => console.error(error)) | |||
| } | |||
| @@ -143,33 +158,38 @@ render() { | |||
| <View style={styles.titleImagePlace}> | |||
| <Image source={require('./image/title.png')} resizeMode='center' style={styles.titleImage} /> | |||
| </View> | |||
| <Image source={require('./image/title-qrcode.png')} resizeMode='center' style={styles.titleQrcode} /> | |||
| <View style={styles.titleQrcodeBonderPlace}> | |||
| <Image source={require('./image/title-qrcode.png')} resizeMode='center' style={styles.titleQrcodeBonder} /> | |||
| <View style={styles.titleQrcodePlace}> | |||
| <Image source={{uri: this.state.baseInfo.imgQrcodeWeapp}} resizeMode='center' style={styles.titleQrcode} /> | |||
| </View> | |||
| </View> | |||
| </View> | |||
| <View style={styles.content}> | |||
| <Image source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} /> | |||
| <Image source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} /> | |||
| <Image source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} /> | |||
| <Image source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} /> | |||
| <Image source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} /> | |||
| <Image source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} /> | |||
| </View> | |||
| <View style={styles.bottom}> | |||
| <Image source={require('./image/logo.png')} resizeMode='center' style={styles.bottomLogo} /> | |||
| <Image source={require('./image/test-l.png')} resizeMode='center' style={styles.bottomQrcode1} /> | |||
| <Image source={require('./image/test-l.png')} resizeMode='center' style={styles.bottomQrcode2} /> | |||
| <Text style={styles.bottomPlacehold}></Text> | |||
| <Image source={{ uri: this.state.baseInfo.imgUrl, cache: 'force-cache'}} resizeMode='center' style={styles.bottomLogo} /> | |||
| <Image source={{ uri: 'http://hangge.com/img.png',cache: 'force-cache'}} resizeMode='center' style={styles.bottomQrcode1} /> | |||
| <Image source={{ uri: 'http://hangge.com/img.png',cache: 'force-cache'}} resizeMode='center' style={styles.bottomQrcode2} /> | |||
| <Text style={styles.bottomPlacehold}>{this.state.text}</Text> | |||
| </View> | |||
| </ImageBackground> | |||
| @@ -221,13 +241,41 @@ render() { | |||
| flex: 1, | |||
| backgroundColor:'transparent' | |||
| }, | |||
| titleQrcode: { | |||
| titleQrcodeBonderPlace: { | |||
| width:'100%', | |||
| height:'100%', | |||
| alignItems: 'center', | |||
| flex: 1, | |||
| backgroundColor:'transparent' | |||
| }, | |||
| titleQrcodeBonder: { | |||
| width:'100%', | |||
| height:'100%', | |||
| position: 'absolute', | |||
| flex: 1, | |||
| backgroundColor:'transparent' | |||
| }, | |||
| titleQrcodePlace: { | |||
| width:'100%', | |||
| height:'100%', | |||
| flexDirection: 'column', | |||
| position: 'absolute', | |||
| alignItems: 'center', | |||
| padding: '25%', | |||
| paddingBottom: '8%', | |||
| flex: 1, | |||
| backgroundColor:'transparent' | |||
| }, | |||
| titleQrcode: { | |||
| width:'100%', | |||
| height:'100%', | |||
| backgroundColor:'transparent' | |||
| }, | |||
| //layer bottom | |||
| bottomLogo: { | |||
| flex: 50, | |||