'use strict';

import React from 'react';
import { observer } from 'mobx-react';
import './homepage.less';
import { PageCtrl } from '@/core/ctrls/PageCtrl';
import RankPage from '../RankPage/RankPage';
import MyPrize from '../MyPrize/MyPrize';
import Taskpop from '@/panels/taskpop/taskpop';
import { ModalCtrl } from '@/core/ctrls/ModalCtrl';

@observer
class Homepage extends React.Component {
  constructor(props) {
    super(props);
  }
  componentDidMount(): void {
    ModalCtrl.showModal(Taskpop);
  }
  showRank = () => {
    PageCtrl.changePage(RankPage);
  }
  showPrize = () =>{
    PageCtrl.changePage(MyPrize);
  }
  render() {
    return (
      <div className="homepage modal_center">
        <span className="bg"></span>
        <span className="equipment"></span>
        <span className="icon"></span>
        <span className="book"></span>
        <span className="brain"></span>
        <span className="wenhao"></span>
        <span className="title"></span>
        <span className="draw"></span>
        <span className="task"></span>
        <div className="matter">
          <span className="m_bg"></span>
          <span className="answer"></span>
          <span className="remain">剩余次数：3</span>
        </div>
        <div className="rank">
          <span className="r_bg"></span>
          <span className="name">用户uid:132802</span>
          <span className="head"></span>
          <span className="myrank"></span>
          <span className="number">000</span>
        </div>
        <span className="prize" onClick={this.showPrize}></span>
        <span className="rule"></span>
        <span className="visit"></span>
        <span className="share"></span>
        <span className="logo"></span>
      </div>
    );
  }
}
export default Homepage;