An open API service indexing awesome lists of open source software.

https://github.com/betacatpro/music

๐ŸŽง Vue2.x ๆ‰“้€ ้Ÿณไน app
https://github.com/betacatpro/music

vue

Last synced: 8 months ago
JSON representation

๐ŸŽง Vue2.x ๆ‰“้€ ้Ÿณไน app

Awesome Lists containing this project

README

          

# vue-music

> Vue.js ๆ‰“้€ โ€”โ€”้Ÿณไน App

## ้กน็›ฎๆ ‘
```
.
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ build
โ”‚ย ย  โ”œโ”€โ”€ build.js
โ”‚ย ย  โ”œโ”€โ”€ check-versions.js
โ”‚ย ย  โ”œโ”€โ”€ dev-client.js
โ”‚ย ย  โ”œโ”€โ”€ dev-server.js
โ”‚ย ย  โ”œโ”€โ”€ utils.js
โ”‚ย ย  โ”œโ”€โ”€ vue-loader.conf.js
โ”‚ย ย  โ”œโ”€โ”€ webpack.base.conf.js
โ”‚ย ย  โ”œโ”€โ”€ webpack.dev.conf.js
โ”‚ย ย  โ””โ”€โ”€ webpack.prod.conf.js
โ”œโ”€โ”€ config
โ”‚ย ย  โ”œโ”€โ”€ dev.env.js
โ”‚ย ย  โ”œโ”€โ”€ index.js
โ”‚ย ย  โ””โ”€โ”€ prod.env.js
โ”œโ”€โ”€ index.html
โ”œโ”€โ”€ package.json
โ”œโ”€โ”€ prod.server.js
โ”œโ”€โ”€ src
โ”‚ย ย  โ”œโ”€โ”€ App.vue
โ”‚ย ย  โ”œโ”€โ”€ api
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ config.js
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ rank.js
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ recommend.js
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ search.js
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ singer.js
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ song.js
โ”‚ย ย  โ”œโ”€โ”€ base
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ confirm
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ confirm.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ listview
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ listview.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ loading
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ loading.gif
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ loading.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ no-result
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ no-result.vue
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ no-result@2x.png
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ no-result@3x.png
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ progress-bar
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ progress-bar.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ progress-circle
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ progress-circle.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ scroll
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ scroll.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ search-box
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ search-box.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ search-list
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ search-list.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ slider
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ slider.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ song-list
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ first@2x.png
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ first@3x.png
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ second@2x.png
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ second@3x.png
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ song-list.vue
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ third@2x.png
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ third@3x.png
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ switches
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ switches.vue
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ top-tip
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ top-tip.vue
โ”‚ย ย  โ”œโ”€โ”€ common
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ fonts
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ music-icon.eot
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ music-icon.svg
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ music-icon.ttf
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ music-icon.woff
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ image
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ default.png
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ js
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ cache.js
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ config.js
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ dom.js
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ jsonp.js
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ mixin.js
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ singer.js
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ song.js
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ util.js
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ stylus
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ base.styl
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ icon.styl
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ index.styl
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ mixin.styl
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ reset.styl
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ variable.styl
โ”‚ย ย  โ”œโ”€โ”€ components
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ add-song
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ add-song.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ disc
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ disc.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ m-header
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ logo@2x.png
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ logo@3x.png
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ m-header.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ music-list
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ music-list.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ player
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ player.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ playlist
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ playlist.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ rank
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ rank.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ recommend
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ recommend.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ search
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ search.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ singer
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ singer.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ singer-detail
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ singer-detail.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ suggest
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ suggest.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ tab
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ tab.vue
โ”‚ย ย  โ”‚ย ย  โ”œโ”€โ”€ top-list
โ”‚ย ย  โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ top-list.vue
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ user-center
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ user-center.vue
โ”‚ย ย  โ”œโ”€โ”€ main.js
โ”‚ย ย  โ”œโ”€โ”€ router
โ”‚ย ย  โ”‚ย ย  โ””โ”€โ”€ index.js
โ”‚ย ย  โ””โ”€โ”€ store
โ”‚ย ย  โ”œโ”€โ”€ actions.js
โ”‚ย ย  โ”œโ”€โ”€ getters.js
โ”‚ย ย  โ”œโ”€โ”€ index.js
โ”‚ย ย  โ”œโ”€โ”€ mutation-types.js
โ”‚ย ย  โ”œโ”€โ”€ mutations.js
โ”‚ย ย  โ””โ”€โ”€ state.js
โ””โ”€โ”€ static
โ”œโ”€โ”€ ้ฆ–้กต.png
โ”œโ”€โ”€ ๆญŒๆ‰‹.png
โ”œโ”€โ”€ ๆญŒๅ•ๆŽ’่กŒ.png
โ”œโ”€โ”€ ๆœ็ดข.png
โ””โ”€โ”€ ๆ’ญๆ”พๅ™จ.png

```

## ้กน็›ฎๆˆชๅ›พ

![image](https://github.com/BetaCatPro/music/blob/master/static/้ฆ–้กต.png)

![image](https://github.com/BetaCatPro/music/blob/master/static/ๆญŒๆ‰‹.png)

![image](https://github.com/BetaCatPro/music/blob/master/static/ๆญŒๅ•ๆŽ’่กŒ.png)

![image](https://github.com/BetaCatPro/music/blob/master/static/ๆœ็ดข.png)

![image](https://github.com/BetaCatPro/music/blob/master/static/ๆ’ญๆ”พๅ™จ.png)

### ๅฎ‰่ฃ…ไธŽ่ฟ่กŒ

```
git clone https://github.com/BetaCatPro/Music.git

cd vue-music

npm install

npm run dev //ๆœๅŠก็ซฏ่ฟ่กŒ ่ฎฟ้—ฎ http://localhost:8080

npm run build ้กน็›ฎๆ‰“ๅŒ