...
|
...
|
@@ -61,29 +61,34 @@ export default class Magazine extends Component { |
|
|
|
|
|
return (
|
|
|
<ScrollView style={styles.container}>
|
|
|
<View>
|
|
|
|
|
|
<View style={styles.magazineContainer}>
|
|
|
<Text style={styles.magazineDesc}>{content}</Text>
|
|
|
</View>
|
|
|
|
|
|
<Text style={styles.about}>ABOUT</Text>
|
|
|
<View style={styles.magazineBackground}>
|
|
|
<Text style={styles.magazineDesc}>{content}</Text>
|
|
|
</View>
|
|
|
|
|
|
<Image style={styles.about} source={require('../../images/about.png')} />
|
|
|
|
|
|
<ListView
|
|
|
style={styles.magazineList}
|
|
|
dataSource={this.dataSource.cloneWithRows(magazineData)}
|
|
|
horizontal={true}
|
|
|
renderRow={this.renderRow}
|
|
|
/>
|
|
|
<ListView
|
|
|
style={styles.magazineList}
|
|
|
dataSource={this.dataSource.cloneWithRows(magazineData)}
|
|
|
horizontal={true}
|
|
|
renderRow={this.renderRow}
|
|
|
/>
|
|
|
</View>
|
|
|
|
|
|
|
|
|
<Text style={styles.yohoNowText1}>{"点击或扫描二维码YOHO!NOW APP"}</Text>
|
|
|
<Text style={styles.yohoNowText}>{"点击或扫描二维码YOHO!NOW APP"}</Text>
|
|
|
<Text style={styles.yohoNowText}>{"进入杂志频道免费下载"}</Text>
|
|
|
|
|
|
<TouchableOpacity style={styles.yohoNowImageContainer} activeOpacity={1} onPress={() => {
|
|
|
this.props.onPressYohoNow && this.props.onPressYohoNow();}}>
|
|
|
<Image style={styles.yohoNowImage} source={require('../../images/yohonow.png')} />
|
|
|
</TouchableOpacity>
|
|
|
|
|
|
|
|
|
</View>
|
|
|
</ScrollView>
|
|
|
);
|
|
|
}
|
...
|
...
|
@@ -95,12 +100,18 @@ const DEVICE_WIDTH_RATIO = width / 320; |
|
|
let styles = StyleSheet.create({
|
|
|
container: {
|
|
|
flex: 1,
|
|
|
flexDirection: 'column',
|
|
|
backgroundColor: '#f0f0f0',
|
|
|
},
|
|
|
|
|
|
magazineContainer: {
|
|
|
width: width,
|
|
|
height: 410,
|
|
|
},
|
|
|
|
|
|
magazineBackground: {
|
|
|
width: width - 60,
|
|
|
height: 350,
|
|
|
height: 340,
|
|
|
backgroundColor: 'white',
|
|
|
marginTop: 40,
|
|
|
marginLeft: 30,
|
...
|
...
|
@@ -110,17 +121,15 @@ let styles = StyleSheet.create({ |
|
|
|
|
|
about:{
|
|
|
position: 'absolute',
|
|
|
top: 10,
|
|
|
left: 50,
|
|
|
fontSize: 35,
|
|
|
color: 'rgb(212,169,68)',
|
|
|
fontWeight: 'bold',
|
|
|
top: 30,
|
|
|
left: 50,
|
|
|
width: 93,
|
|
|
height: 23,
|
|
|
},
|
|
|
|
|
|
magazineDesc:{
|
|
|
fontSize: 15,
|
|
|
color: 'rgb(33,33,33)',
|
|
|
fontWeight: 'bold',
|
|
|
fontSize: 14,
|
|
|
color: '#000000',
|
|
|
marginTop: 20,
|
|
|
marginLeft: 12,
|
|
|
marginRight: 12,
|
...
|
...
|
@@ -140,21 +149,23 @@ let styles = StyleSheet.create({ |
|
|
marginRight: 3,
|
|
|
},
|
|
|
|
|
|
yohoNowText1:{
|
|
|
position: 'absolute',
|
|
|
top: 380,
|
|
|
width: width - 20,
|
|
|
yohoNowText:{
|
|
|
width: width,
|
|
|
textAlign: 'center',
|
|
|
fontWeight: 'bold',
|
|
|
},
|
|
|
|
|
|
yohoNowImageContainer:{
|
|
|
position: 'absolute',
|
|
|
top: 400,
|
|
|
height: 125,
|
|
|
width: width,
|
|
|
marginTop: 10,
|
|
|
marginBottom: 20,
|
|
|
alignItems: 'center',
|
|
|
justifyContent: 'center',
|
|
|
},
|
|
|
|
|
|
yohoNowImage:{
|
|
|
width: 125,
|
|
|
height: 125,
|
|
|
width: 123,
|
|
|
height: 123,
|
|
|
},
|
|
|
|
|
|
}); |
...
|
...
|
|