rugby-board/rugby-board-node

import { h, Component } from 'preact';
import { Link } from 'preact-router/match';

export default class ListMenu extends Component {
  render() {
    return (
      <div>
        <div className="menu-list">
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/">首页</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/news">新闻</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/results">比分</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/wiki">赛事介绍</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/info">相关资料</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/about">关于</Link>
          </div>
          <div className="menu-item">
            -&nbsp;
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/international-tests">国际测试赛</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/rugby-championship">冠军赛</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/six-nations">六国赛</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/rugby-world-cup">世界杯</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/british-and-irish-lions">狮子队</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/barbarians">野蛮人</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/rugby-sevens">7人制</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/womens-rugby">女子赛事</Link>
          </div>
        </div>
        <div className="menu-list">
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/super-rugby">SuperRugby</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/premiership">Premiership</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/top14">Top14</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/pro14">PRO14</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/european-champions-cup">欧洲冠军杯</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/european-challenge-cup">欧洲挑战杯</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/currie-cup">CurrieCup</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/mitre-10-cup">Mitre10Cup</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/national-rugby-championship">NRC</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/top-league">TopLeague</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/major-league-rugby">MLR</Link>
          </div>
          <div className="menu-item">
            <Link activeClassName="menu-active" href="/event/anglo-welsh-cup">盎格鲁威尔士杯</Link>
          </div>
        </div>
      </div>
    );
  }
}