import './sass/music.scss';
import add from './image/music/ic_add.png';
import prev from './image/music/ic_skip_previous.png';
import next from './image/music/ic_skip_next.png';
import play from './image/music/ic_play.png';
import stop from './image/music/ic_stop.png';
import pause from './image/music/ic_pause.png';
import logo from './image/music/ic_music.png';

class Music extends Component {

    render(){
        return (
            <section className='music'>
                <section className='music-content'>
                    <div><img src={logo}/> NetEase Music</div>
                    <div className='music-song-name'>黄昏</div>
                    <div className='music-song-author'>周传雄-忘记</div>
                    <div className="music-ic">
                        <span><img src={add} /></span>
                        <span><img src={prev} /></span>
                        <span><img src={play} /></span>
                        <span><img src={next} /></span>
                    </div>
                </section>
                <div className='music-cover'>
                    <img src='http://imgcache.qq.com/music/photo/album_300/17/300_albumpic_8217_0.jpg' />
                </div>
            </section>
        );
    }
}

ReactDOM.render(<Music />,$('#main')[0]);