import Taro, {Component} from '@tarojs/taro';
import {View, Text, Image, Navigator} from '@tarojs/components';
import {getImgUrl} from '../../utils';
import './index.scss';

export default class ProductList extends Component {
    constructor(props) {
        super(props);

        this.state = {};
	}
	
	static defaultProps = {
        list: []
	}

    render() {
        let {list} = this.props;

        return (
            <View className="product-list">
                {
                    list.map(item => {
                        return (
                            <View className="product-item" key={item.id}>
                                <Navigator url={'/pages/productDetail/index?id=' + item.id} hover-class="none">
                                    <Text className="product-price">{item.price ? '¥' + item.price : ''}</Text>
                                    <Image src={getImgUrl(item.default_images, 376, 376)} mode="aspectFill" className="product-img"/>
                                    <Text className="product-name">{item.product_name}</Text>
                                </Navigator>
                            </View>
                        )
                    })
                }
            </View>
        )
    }
}