diff --git a/App.js b/App.js index 90e095d..340ee28 100644 --- a/App.js +++ b/App.js @@ -27,7 +27,7 @@ export default class MyPage extends Component { this.state = { baseInfo: { - imgUrl:'', + imgUrlH:'', imgQrcodeWeapp:'', imgQrcodeWemp:'' }, @@ -152,46 +152,41 @@ render() { } return ( - - - - - - + + + + + + + + + + + + + - - - - - - - - - - - - - - + + + + + + + + - - - - - - - - - - {this.state.text} - + + + + + {this.state.text} + ); @@ -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'