Authored by 孙凯

update UI review by daiqiang

... ... @@ -181,7 +181,7 @@ export default class GroupDetailHeader extends React.Component {
</TouchableOpacity>
</View>
<View style={styles.product}>
<GroupDetailProduct resource={productDetail} perpleNum={perpleNum}/>
<GroupDetailProduct resource={productDetail} pageGo={pageGo} perpleNum={perpleNum}/>
</View>
<View style={styles.bottomLine}/>
</View>
... ...
... ... @@ -25,13 +25,22 @@ export default class GroupDetailProduct extends React.Component {
}
render() {
let { resource ,perpleNum} = this.props;
let { resource ,perpleNum,pageGo} = this.props;
if(!resource) return null;
let productIcon = resource.productIcon ? getSlicedUrl(resource.productIcon,109*DEVICE_WIDTH_RATIO, 141*DEVICE_WIDTH_RATIO, 2) : '';
let productGroupPrice = resource.productGroupPrice;
let productName = resource.productName;
let productSalePrice = resource.productSalePrice;
let productSkn = resource.productSkn;
let tipIcon = '';
let needShowTioIcon = false;
if (pageGo == 4) {
needShowTioIcon = true;
tipIcon = require('../images/success_tab.png');
}else if (pageGo == 6 || pageGo == 7) {
needShowTioIcon = true;
tipIcon = require('../images/lost_tab.png');
}
return (
<View style={styles.container}>
... ... @@ -56,6 +65,14 @@ export default class GroupDetailProduct extends React.Component {
/>
</View>
</View>
{needShowTioIcon ?
<View style={styles.styleBtn}>
<Image source={tipIcon} style={styles.styleBtnicon} resizeMode={'contain'}/>
</View>
: null
}
</View>
);
}
... ... @@ -159,4 +176,15 @@ let styles = StyleSheet.create({
height: 1,
backgroundColor: '#b0b0b0',
},
styleBtn: {
position: 'absolute',
width: 52*DEVICE_WIDTH_RATIO,
height: 20*DEVICE_WIDTH_RATIO,
top: 111*DEVICE_WIDTH_RATIO,
right: -10*DEVICE_WIDTH_RATIO,
},
styleBtnicon: {
width: 52*DEVICE_WIDTH_RATIO,
height: 20*DEVICE_WIDTH_RATIO,
},
});
... ...
... ... @@ -86,6 +86,7 @@ export default class SnapshootShare extends React.Component {
<ScrollView
style={styles.scrollView}
vertical={true}
showsVerticalScrollIndicator={false}
>
<View style={styles.container} ref='container'>
<View style={styles.titleV}>
... ... @@ -230,7 +231,7 @@ let styles = StyleSheet.create({
},
spaceV: {
backgroundColor: 'white',
height: 171*DEVICE_WIDTH_RATIO,
height: 150*DEVICE_WIDTH_RATIO,
width,
},
... ... @@ -313,10 +314,11 @@ let styles = StyleSheet.create({
tip: {
fontSize: 14,
color:'#444444',
marginTop: 16*DEVICE_WIDTH_RATIO,
marginTop: 25*DEVICE_WIDTH_RATIO,
},
tipDetailView: {
flexDirection: 'row',
alignItems: 'center',
},
tipicon: {
marginTop: 10*DEVICE_WIDTH_RATIO,
... ... @@ -392,7 +394,7 @@ let styles = StyleSheet.create({
alignItems: 'flex-end',
},
cancelBtnicon: {
width: 34*DEVICE_WIDTH_RATIO,
height: 34*DEVICE_WIDTH_RATIO,
width: 30*DEVICE_WIDTH_RATIO,
height: 30*DEVICE_WIDTH_RATIO,
},
});
... ...