import React, { Component } from 'react';
import NavLink from './NavLink';
import styles from './index.scss';

export default class Nav extends Component {
    render() {
        return (
            <div>
                <div style={{ height: '1.2rem' }}></div>
                <div className={styles.root}>
                    <NavLink
                        pathUrl="/"
                        icoName={"i-zhuye42un"}
                        active={'css'}
                        linkName="首页"
                    />
                    <NavLink
                        pathUrl="/shop"
                        icoName="i-haodian42un"
                        active={styles.navTwo}
                        linkName="好店"
                    />
                    <NavLink
                        pathUrl="/coupon"
                        icoName="i-youhui42un"
                        active={styles.navThree}
                        linkName="优惠"
                    />
                    <NavLink
                        pathUrl="/tour"
                        icoName="i-zhoubian42un"
                        active={styles.navFour}
                        linkName="周边"
                    />
                    <NavLink
                        pathUrl="/user"
                        icoName="i-wode42un"
                        active={styles.navFive}
                        linkName="我的"
                    />
                </div>
            </div>
        )
    }
}