old_contents: import React from 'react';
  import { Icon } from 'antd';
  import { Link } from 'dva/router';
  import Overdrive from 'react-overdrive';
  import styles from './ScaffoldItem.less';
  
  export default function ScaffoldItem({ name, description, stargazers_count, coverPicture }) {
    return (
      <li className={styles.card}>
        <Link to={`/templates/${name}`}>
          <Overdrive id={`cover-${name}`}>
            <img className={styles.picture} src={coverPicture} alt="" />
          </Overdrive>
          <div className={styles.detail}>
            <h2 className={styles.title}>
              {name}
            </h2>
            <div className={styles.description} title={description}>
              {description}
            </div>
            <div>
              <Icon type="star" className={styles.star} />{stargazers_count}
            </div>
          </div>
        </Link>
      </li>
    );
  }
  
new_contents: import React from 'react';
  import { Icon } from 'antd';
  import { Link } from 'dva/router';
  import Overdrive from 'react-overdrive';
  import styles from './ScaffoldItem.less';
  
  export default function ScaffoldItem({ name, description, stargazers_count, coverPicture }) {
    return (
      <li className={styles.card}>
        <Link to={`/templates/${name}`}>
          <Overdrive id={`cover-${name}`} duration={300}>
            <img className={styles.picture} src={coverPicture} alt="" />
          </Overdrive>
          <div className={styles.detail}>
            <h2 className={styles.title}>
              {name}
            </h2>
            <div className={styles.description} title={description}>
              {description}
            </div>
            <div>
              <Icon type="star" className={styles.star} />{stargazers_count}
            </div>
          </div>
        </Link>
      </li>
    );
  }
  
subject: update duration