import React from 'react';
import './index.less';
import Page from '@src/containers/Page';
import Icon from '../../../components/Icon';

export default class extends Page {
  init() {}

  renderView() {
    return (
      <div>
        <div className="block">
          <div className="text">
            自2019-05-26，您已在千行学习<span>88</span>天
          </div>
          <div className="text">
            累积<span>88</span>H<span>30</span>Min
          </div>
        </div>
        <div className="title">本周数据</div>
        <div className="t-c">
          <div className="item">
            <div className="text">学习时间</div>
            <div className="value">
              <span>23</span>Hour
            </div>
          </div>
          <div className="item">
            <div className="text">同比上周</div>
            <div className="value">
              <Icon type="caret-up" theme="filled" color="#6EC64B" />
              <span>15</span>%
            </div>
          </div>
          <div className="item">
            <div className="text">同比全站</div>
            <div className="value">
              <Icon type="caret-down" theme="filled" color="#F36565" />
              <span>15</span>%
            </div>
          </div>
        </div>
      </div>
    );
  }
}