import React from 'react';
import { observer } from 'mobx-react';
import styles from './ResPage.module.less';
import { Button } from "@grace/ui";
import classNames from "classnames";

@observer
class ResPage extends React.Component<any, any> {

    state = {}

    async componentDidMount() {

    }

    clickBack = () => {

    }

    render() {
        const {} = this.state;

        return <div className={styles.ResPage}>
            <div className={styles.rankBg}>
                <div className={styles.rankImg}/>
                <div className={classNames(styles.rankTip, styles.rank1)}>
                    我的收益区间在<span>3000元及以上</span>
                </div>
                <div className={classNames(styles.rankTip, styles.rank2)}>
                    理财资金<span>334556675元</span>
                </div>
                <div className={classNames(styles.rankTip, styles.rank3)}>
                    累计收益<span>2213元</span>
                </div>
                <div className={classNames(styles.rankTip, styles.rank4)}>
                    理财周期<span>2025.06.22-2025.07.22</span>
                </div>
            </div>
            <Button className={styles.backBtn} onClick={this.clickBack}/>
        </div>;
    }
}

export default ResPage;
