ItemGoodsView.js
1.92 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import React, {Component} from 'react';
import {DeviceEventEmitter, Image, StyleSheet, Text, TouchableOpacity, View} from 'react-native';
import {zoomH, zoomW} from '../../utils/getSize';
import {xnToast,NoDoublePress} from "../../utils/utils";
import AppService from "../../service/AppService";
const defaultIcon = require('../../img/defaultIcon.png');
/**
* 商品列表item
*
*/
export default class ItemGoodsView extends Component {
// 构造
constructor(props) {
super(props);
// 初始状态
this.state = {
};
}
render() {
let item = this.props.itemList;
return (
<TouchableOpacity style = {styles.itemView}>
<Image style={styles.pic} source={!!this.props.itemList.pictureUrl?{uri: this.props.itemList.pictureUrl +'?x-oss-process=image/resize,w_100'}
:defaultIcon} resizeMode="cover"></Image>
<View style = {{marginLeft:12/zoomW,flex:1}}>
<Text style={styles.title} numberOfLines={3}>{item.title}</Text>
<View style = {{flexDirection:'row',position:'absolute',bottom:0,alignItems:'center'}}>
<Text style={[styles.price,{fontSize:12,marginRight:3/zoomW}]}>￥</Text>
<Text style={[styles.price]}>{item.showPrice}</Text>
</View>
</View>
</TouchableOpacity>
)
}
}
const styles = StyleSheet.create({
itemView:{
width:'100%',
paddingTop:8/zoomH,
paddingBottom:8/zoomH,
paddingLeft:15/zoomW,
paddingRight:15/zoomW,
flexDirection:'row',
},
pic:{
width:140/zoomW,
height:140/zoomW,
backgroundColor:'#eee'
},
title:{
color:'rgba(0,0,0,0.85)',
fontSize:14
},
price:{
color:'#F04134',
fontSize:18,
textAlignVertical:'bottom',
}
});