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

Tuns Design UI

import React from "react";
import ResultCard from "../../../components/mobile/src/resultcard";

const localClick = () => {
  // eslint-disable-next-line no-console
  console.log("被点击了");
};

const listCardDemo = () => {
  return (
    <div style={{ padding: "30px" }}>
      <h2>ResultCard Demo</h2>
      <ResultCard
        iconType="check-circle"
        resultText="提现成功"
        ballColor="#f5f5f9"
        iconColor="#FB733B"
        data={[
          { id: "1", title: "提现金额", content: "36元" },
          { id: "2", title: "到账金额", content: "36元" },
          { id: "3", title: "税费", content: "0.00元" },
          { id: "4", title: "交易状态", content: "提现成功" },
          { id: "5", title: "账户余额", content: "96,366.00(扣除提现后）" },
          { id: "6", title: "操作时间", content: "2019-12-05 14:20:03" },
          { id: "7", title: "交易单号", content: "12354656843ddas754232" },
        ]}
        leftText="订单编号"
        rightText="3696369636548652223589"
        click={localClick}
      />
    </div>
  );
};

export default listCardDemo;