import React from 'react';
import './index.less';
import { DatePicker } from 'antd-mobile';
import Page from '@src/containers/Page';
import Assets from '@src/components/Assets';

export default class extends Page {
  init() {}

  renderView() {
    return (
      <div>
        <div className="title">最新换库</div>
        <div className="main">2019年05月22日</div>
        <div className="title">
          历史记录
          <div className="date">
            <DatePicker mode="year" onChange={date => this.setState({ date })}>
              <div>
                2019年
                <Assets name="down_down3" />
              </div>
            </DatePicker>
          </div>
        </div>
        <div className="list">
          <div className="item">
            <div className="d">4月</div>
            <div className="v">
              <span>12</span>
              <span>12</span>
              <span>12</span>
              <span>12</span>
            </div>
          </div>
          <div className="item">
            <div className="d">4月</div>
            <div className="v">
              <span>12</span>
              <span>12</span>
              <span>12</span>
              <span>12</span>
            </div>
          </div>
          <div className="item">
            <div className="d">4月</div>
            <div className="v">
              <span>12</span>
              <span>12</span>
              <span>12</span>
              <span>12</span>
            </div>
          </div>
          <div className="item">
            <div className="d">4月</div>
            <div className="v">
              <span>12</span>
              <span>12</span>
              <span>12</span>
              <span>12</span>
            </div>
          </div>
        </div>
      </div>
    );
  }
}