/Music

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

Primary LanguageVue

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

image

image

image

image

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

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

cd vue-music

npm install

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

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