import React, { Component } from 'react';
import Layout from 'component/layout';
import Header from 'component/header'
import './index.css'
class Home extends Component {
  render() {
    const { list } = this.props;
    return <Layout>
      <Header></Header>
      <div className="easy-article-list">
        <ul>
          {list.map(function (item) {
            return <li key={item.id} className="easy-article-item">
              <h2 className="easy-article-title"><a href={'/detail/' + item.id} target="_blank">{item.title}</a></h2>
              <div className="easy-article-summary">{item.summary}</div>
              <div className="easy-article-meta">
                <span>11Word Count:{item.wordCount}  </span>
                <span>Create Time: {item.createTime}</span>
              </div>
            </li>;
          })}
        </ul>
      </div>
    </Layout>;
  }
}

export default Home;