import React, { Component } from 'react';
import './index.less';
import { Icon } from 'antd';

export default class extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  render() {
    return (
      <div className="total-sort">
        <div className="total-sort-num">
          <Icon className="plus" type="plus" />
          <input />
          <Icon className="minus" type="minus" />
        </div>
        <div className="total-sort-desc">
          预计全球排名<b>94th</b>
        </div>
        <div className="total-sort-list">
          <div className="item">
            <div className="sort-num">
              <div className="sort-text">Quant :</div>
              <input />
              <Icon className="up" type="caret-up" />
              <Icon className="down" type="caret-down" />
            </div>
            <div className="t2">
              排名<b>94th</b>
            </div>
          </div>
          <div className="item">
            <div className="sort-num">
              <div className="sort-text">Quant :</div>
              <input />
              <Icon className="up" type="caret-up" />
              <Icon className="down" type="caret-down" />
            </div>
            <div className="t2">
              排名<b>94th</b>
            </div>
          </div>
        </div>
      </div>
    );
  }
}