|
|
@@ -27,7 +27,7 @@ export default class MyPage extends Component { |
|
|
|
this.state = { |
|
|
|
|
|
|
|
baseInfo: { |
|
|
|
imgUrl:'', |
|
|
|
imgUrlH:'', |
|
|
|
imgQrcodeWeapp:'', |
|
|
|
imgQrcodeWemp:'' |
|
|
|
}, |
|
|
@@ -152,46 +152,41 @@ render() { |
|
|
|
} |
|
|
|
|
|
|
|
return ( |
|
|
|
<ImageBackground style={styles.container} |
|
|
|
source={require('./image/background.png')}> |
|
|
|
|
|
|
|
|
|
|
|
<View style={styles.title}> |
|
|
|
<View style={styles.titleImagePlace}> |
|
|
|
<Image source={require('./image/title.png')} resizeMode='center' style={styles.titleImage} /> |
|
|
|
<ImageBackground style={styles.background} resizeMode='center' source={require('./image/background.png')}> |
|
|
|
|
|
|
|
<View style={styles.title}> |
|
|
|
<View style={styles.titleImagePlace}> |
|
|
|
<Image source={require('./image/title.png')} resizeMode='center' style={styles.titleImage} /> |
|
|
|
</View> |
|
|
|
|
|
|
|
<ImageBackground source={require('./image/title-qrcode.png')} resizeMode='center' style={styles.titleQrcodeBonder} > |
|
|
|
<View style={styles.titleQrcodePlacehold}></View> |
|
|
|
<Image source={{uri: this.state.baseInfo.imgQrcodeWeapp}} resizeMode='center' style={styles.titleQrcode} /> |
|
|
|
<View style={styles.titleQrcodePlacehold}></View> |
|
|
|
</ImageBackground> |
|
|
|
|
|
|
|
</View> |
|
|
|
|
|
|
|
<ImageBackground source={require('./image/title-qrcode.png')} resizeMode='center' style={styles.titleQrcodeBonder} > |
|
|
|
<Image source={{uri: this.state.baseInfo.imgQrcodeWeapp}} resizeMode='center' style={styles.titleQrcode} /> |
|
|
|
</ImageBackground> |
|
|
|
|
|
|
|
</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} /> |
|
|
|
<View style={styles.content}> |
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} > |
|
|
|
</ImageBackground> |
|
|
|
|
|
|
|
|
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} > |
|
|
|
</ImageBackground> |
|
|
|
|
|
|
|
|
|
|
|
<ImageBackground source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} > |
|
|
|
</ImageBackground> |
|
|
|
</View> |
|
|
|
|
|
|
|
<Image source={require('./image/item-background.png')} resizeMode='center' style={styles.contentItem} /> |
|
|
|
</View> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<View style={styles.bottom}> |
|
|
|
<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 style={styles.bottom}> |
|
|
|
<Image source={{ uri: this.state.baseInfo.imgUrlH, cache: 'force-cache'}} resizeMode='center' style={styles.bottomLogo} /> |
|
|
|
<Image source={{ uri: this.state.baseInfo.imgQrcodeWeapp, cache: 'force-cache'}} resizeMode='center' style={styles.bottomQrcode1} /> |
|
|
|
<Image source={{ uri: this.state.baseInfo.imgQrcodeWeapp, cache: 'force-cache'}} resizeMode='center' style={styles.bottomQrcode2} /> |
|
|
|
<Text style={styles.bottomPlacehold}>{this.state.text}</Text> |
|
|
|
</View> |
|
|
|
|
|
|
|
</ImageBackground> |
|
|
|
); |
|
|
@@ -202,10 +197,10 @@ render() { |
|
|
|
const styles = StyleSheet.create({ |
|
|
|
|
|
|
|
//layer background |
|
|
|
container:{ |
|
|
|
background:{ |
|
|
|
flex: 1, |
|
|
|
paddingLeft: 16, |
|
|
|
paddingRight: 16 |
|
|
|
width:'100%', |
|
|
|
height:'100%' |
|
|
|
}, |
|
|
|
|
|
|
|
//layer top |
|
|
@@ -213,18 +208,24 @@ render() { |
|
|
|
flex: 6, |
|
|
|
flexDirection: 'row', |
|
|
|
alignItems: 'center', |
|
|
|
paddingLeft:16, |
|
|
|
paddingRight:16, |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
|
content:{ |
|
|
|
flex: 18, |
|
|
|
flexDirection: 'column', |
|
|
|
alignItems: 'center', |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
|
bottom:{ |
|
|
|
flex: 2, |
|
|
|
flexDirection: 'row', |
|
|
|
alignItems: 'center', |
|
|
|
paddingLeft:16, |
|
|
|
paddingRight:16, |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
@@ -232,7 +233,7 @@ render() { |
|
|
|
titleImagePlace: { |
|
|
|
flex: 2, |
|
|
|
paddingTop: '20%', |
|
|
|
paddingLeft: '10%', |
|
|
|
paddingLeft: '15%', |
|
|
|
alignItems: 'center', |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
@@ -246,40 +247,47 @@ render() { |
|
|
|
titleQrcodeBonder: { |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
alignItems: 'center', |
|
|
|
flexDirection: 'column', |
|
|
|
flex: 1, |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
|
titleQrcodePlacehold: { |
|
|
|
flex: 2, |
|
|
|
backgroundColor:'blue' |
|
|
|
}, |
|
|
|
|
|
|
|
titleQrcode: { |
|
|
|
margin: '20%', |
|
|
|
marginTop: '40%', |
|
|
|
marginBottom: '2%', |
|
|
|
width:'60%', |
|
|
|
height:'30%', |
|
|
|
flex: 2, |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
|
|
|
|
//layer bottom |
|
|
|
bottomLogo: { |
|
|
|
flex: 50, |
|
|
|
flex: 3, |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
bottomQrcode1: { |
|
|
|
flex: 30, |
|
|
|
flex: 1, |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
marginLeft: 8, |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
bottomQrcode2: { |
|
|
|
flex: 30, |
|
|
|
flex: 1, |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
marginLeft: 8, |
|
|
|
backgroundColor:'transparent' |
|
|
|
}, |
|
|
|
bottomPlacehold: { |
|
|
|
flex: 180, |
|
|
|
flex: 8, |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
backgroundColor:'transparent' |
|
|
@@ -288,6 +296,8 @@ render() { |
|
|
|
//layer content item |
|
|
|
contentItem:{ |
|
|
|
flex: 1, |
|
|
|
width:'100%', |
|
|
|
height:'100%', |
|
|
|
flexDirection: 'column', |
|
|
|
alignItems: 'center', |
|
|
|
backgroundColor:'transparent' |
|
|
|