| @@ -25,6 +25,13 @@ export default class MyPage extends Component { | |||||
| constructor(props) { | constructor(props) { | ||||
| super(props); | super(props); | ||||
| this.state = { | this.state = { | ||||
| baseInfo: { | |||||
| imgUrl:'', | |||||
| imgQrcodeWeapp:'', | |||||
| imgQrcodeWemp:'' | |||||
| }, | |||||
| text:'', | text:'', | ||||
| qrcode:[], | qrcode:[], | ||||
| restartAllowed: true , | 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') | HttpUtils.get('https://mall.youlane.cn/api/wxDeviceScreenAd/list?deviceId=11%3AAA%3A33%3ABB%3A44&pageNum=1&pageSize=5') | ||||
| .then(result => { | .then(result => { | ||||
| this.setState({ | 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)) | .catch(error => console.error(error)) | ||||
| } | } | ||||
| @@ -143,33 +158,38 @@ render() { | |||||
| <View style={styles.titleImagePlace}> | <View style={styles.titleImagePlace}> | ||||
| <Image source={require('./image/title.png')} resizeMode='center' style={styles.titleImage} /> | <Image source={require('./image/title.png')} resizeMode='center' style={styles.titleImage} /> | ||||
| </View> | </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> | ||||
| <View style={styles.content}> | <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> | ||||
| <View style={styles.bottom}> | <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> | </View> | ||||
| </ImageBackground> | </ImageBackground> | ||||
| @@ -221,13 +241,41 @@ render() { | |||||
| flex: 1, | flex: 1, | ||||
| backgroundColor:'transparent' | 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%', | width:'100%', | ||||
| height:'100%', | height:'100%', | ||||
| flexDirection: 'column', | |||||
| position: 'absolute', | |||||
| alignItems: 'center', | |||||
| padding: '25%', | |||||
| paddingBottom: '8%', | |||||
| flex: 1, | flex: 1, | ||||
| backgroundColor:'transparent' | backgroundColor:'transparent' | ||||
| }, | }, | ||||
| titleQrcode: { | |||||
| width:'100%', | |||||
| height:'100%', | |||||
| backgroundColor:'transparent' | |||||
| }, | |||||
| //layer bottom | //layer bottom | ||||
| bottomLogo: { | bottomLogo: { | ||||
| flex: 50, | flex: 50, | ||||