tuns-mobile-components/src/pages/demo/evaluatedemo/index.js

Tuns Design UI

import React from "react";
import { List } from "antd-mobile";
import Cell from "../../../components/mobile/src/cell";
import MoreInfo from "../../../components/mobile/src/moreinfo";
import CaseCell from "../../../components/mobile/src/casecell";
import Button from "../../../components/mobile/src/button";

const GridPick = () => {
  const icon = 'https://gw.alipayobjects.com/zos/rmsportal/nywPmnTAvTmLusPxHPSu.png'
  const text = `如何一次成交？做好这3个方面，一次就签单真不难（中）`
  const subtext = "2019-10-28 10:10:10"

  const data = {
    state: "查勘中",
    title: "湘A888888 李旺达",
    number: "2019102819191966",
    time: "2019-05-24 15:33:16",
    address: "湖南省长沙市城南西路城市之心",
    icon,
    remark: "asdasdasdasdasdalaksdo;asdlas;ldja;lsjdalsjdasjdoiasjdoiasjdoiasjdoiasjdoiasjd;asdasdasdasdasd",
  }
  const data1 = {
    title: "湘A888888 李旺达",
    number: "2019102819191966",
    time: "2019-05-24 15:33:16",
    address: "湖南省长沙市城南西路城市之心",
    icon,
    btnname: "取消报案",
    btnClick: () => { },
  }

  const bottomView = () => (
    <div style={{ display: "flex" }}>
      <Button
        onClick={() => { }}
        isShadow={false}
        isActive
      >
        取消报案
      </Button>
      <Button
        onClick={() => { }}
        isShadow={false}
        isActive
      >
        取消报案
      </Button>
    </div>
  )
  const data2 = Array.from(new Array(2)).map((_val, i) => ({
    icon,
    text: `name${i}`,
  }));

  return (
    <>
      <List
        renderHeader={() => '推文'}
      >
        <Cell icon={icon} text={text} subtext={subtext} />
      </List>
      <List
        renderHeader={() => '案件列表'}
      >
        <CaseCell data={data} bottomhiden />
        <CaseCell data={data1} onMap={() => { }} />
        <CaseCell data={data} bottombtns={bottomView} s />
      </List>
      <List
        renderHeader={() => '跟多资料'}
      >
        <MoreInfo
          data={data2}
        // onClick={(el, index) => { console.log(el, index); }}
        />
      </List>

    </>
  );
};

export default GridPick;