import React from 'react';
import { View, Image, Text } from '@tarojs/components';
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 ListItemSmall: React.FC<Props> = () => {
  const imgUrl =
    'https://wanmi-b2b.oss-cn-shanghai.aliyuncs.com/fda56711d8ff081499c038b812692600.png';
  return (
    <View className='wm-list-item wm-list-item-small'>
      <Image className='img-radius img' src={imgUrl} />
      <View className='info-box'>
        <View className='info-head'>
          <View className='title-box'>
            <Text className='title words-omit2'>
              大戏哈hgjhjzv哈哈hj还包括就会生病了哈Klan我上课后就开始考虑就是节能环保四大皆空吗不是吗你看见了
            </Text>
          </View>
          <View className='type-box desc'>
            <Text className='type-color'>灰色</Text>
            <Text className='size'>66CM</Text>
            <Text className='weight'>100g</Text>
          </View>
        </View>
        <View className='info-footer'>
          <Price price={990.98} />
          <Text className='num-box'>
            <Text className='icon'>×</Text>
            <Text className='num'>1</Text>
          </Text>
        </View>
      </View>
    </View>
  );
};
export default connect(ListItemSmall, defaultValue);