xinkeaboard/xinkeaboard-admin/src/pages/statistics/bigscreen/components/Overview.js

import React from "react";
import styles from "../styles/overview.less";

class OverView extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {}

  componentDidUpdate(prevProps) {}

  render() {
    return (
      <div className={styles.overview}>
        <img className={styles.overview_bg} src={require("../../../../assets/bigscreen/overview-bg.png")} />
        <span className={styles.overview_title}>平台数据汇总</span>
        <div className={styles.overview_content}>
          <div className={styles.overview_content_item}>
            <img
              src={require("../../../../assets/bigscreen/member.png")}
            />
            <div className={styles.item_value}>123456</div>
            <div className={styles.item_label}>用户总数</div>
          </div>
          <div className={styles.overview_content_item}>
            <img
              className={styles.item_img}
              src={require("../../../../assets/bigscreen/dis.png")}
            />

            <div className={styles.item_value}>123456</div>
            <div className={styles.item_label}>订单总数</div>
          </div>
          <div className={styles.overview_content_item}>
            <img
              src={require("../../../../assets/bigscreen/store.png")}
            />

            <div className={styles.item_value}>123456</div>
            <div className={styles.item_label}>商品总数</div>
          </div>
          <div className={styles.overview_content_item}>
            <img
              src={require("../../../../assets/bigscreen/dis.png")}
            />

            <div className={styles.item_value}>123456</div>
            <div className={styles.item_label}>访问总数</div>
          </div>
        </div>
      </div>
    );
  }
}

export default OverView;