/*
 * @Description:
 * @Author: jiass
 * @Date: 2022-01-25 13:29:21
 * @LastEditTime: 2022-04-08 16:17:29
 * @LastEditors: lanzhisheng
 */
import React, { FC } from "react";
import { View, Image, Text } from "@tarojs/components";

interface dataItem {
  image: string;
  title: string;
  time: string;
  id: string;
  tipsName?: string;
}
interface propType {
  data: dataItem;
  onClick?: any;
}
const ReportList: FC<propType> = (props) => {
  const { data, onClick } = props;
  return (
    <View className="ReportList" onClick={() => onClick(data)}>
      <View className="report_Image">
        <Image src={data.image}></Image>
      </View>
      <View className="report_desc">
        <View className="desc_title">{data.title}</View>
        <View className="desc_time">
          <Text style={"font-size:12px"}>{data.tipsName}</Text>
          <Text style={"font-size:12px"}>{data.time}</Text>
        </View>
      </View>
    </View>
  );
};
export default ReportList;