'use strict';

import React from 'react';
import { observer } from 'mobx-react';
import './rankpage.less';

@observer
class Rankpage extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div className="rankpage modal_center">
        <span className="bg"></span>
        <div className="countdown">
          <span className="cdbg"></span>
          <span className="day">01</span>
          <span className="hour">01</span>
          <span className="min">59</span>
          <span className="sec">59</span>
        </div>
        <span className="ranktitle"></span>
        <div className="list">
          <div className="myinfo">
            <span className="myrank">999+</span>
            <span className="myname">用户昵称（我）</span>
            <span className="myscore">614</span>
            <span className="mybg"></span>
          </div>
          <div className="item">
            <span className="itemrank">1</span>
            <span className="itemname">用户昵称</span>
            <span className="itemscore">614</span>
            <span className="itembg"></span>
          </div>
          <span className="item2"></span>
        </div>
        <div className="prizeitem">
          <span className="prizebg"></span>
          <span className="prizelight"></span>
          <span className="prizeimg"></span>
        </div>
        <span className="title"></span>
        <span className="back"></span>
      </div>
    );
  }
}
export default Rankpage;
