import React from 'react';
import { View, Image, Text } from '@tarojs/components';
import Button from '../../components/button';
import Price from '.././../components/price';
import { CompDefault, MetaProps } from '../data-channel';
import connect from '../connect';

export interface Props extends MetaProps {}

export interface State {}

const defaultValue: CompDefault<Props, State> = {
  props: {},
  state: {},
  meta: {},
};

/**
 * 列表项-大尺寸
 */
const ListItemLarge: React.FC<Props> = () => {
  const imgUrl =
    'https://wanmi-b2b.oss-cn-shanghai.aliyuncs.com/fda56711d8ff081499c038b812692600.png';
  return (
    <View className='wm-list-item wm-list-item-large'>
      <Image className='img-bar img' src={imgUrl} />
      <View className='info-box'>
        <View className='title-box'>
          <Text className='title words-omit2'>
            大型犬只野兽派洗剪吹，凶悍大叔是洗澡澡，东湖樱花节。睡觉安静不闹腾哈哈哈哈哈哈
            哈哈2jkhdsaklv叫啥来的很健康J看就会看到看222哈
          </Text>
        </View>
        <View className='info-foot'>
          <View className='num-box'>
            <Price price={990.98} />
            <Text className='desc'>
              <Text className='desc-words'>单买</Text>
              <Text className='desc-num'>￥240.00</Text>
            </Text>
          </View>
          <View className='button-box'>
            <View className='button-desc'>
              <Text className='small-num'>3000</Text>
              <Text className='desc'>人已团</Text>
            </View>
            <Button size='middle'>立即参团</Button>
          </View>
        </View>
      </View>
    </View>
  );
};
export default connect(ListItemLarge, defaultValue);
