Vue App歌曲是一款基于Vue.js框架開發的播放歌曲的應用,它擁有簡潔美觀的UI界面,功能強大,操作簡單,能夠滿足用戶播放歌曲的需求。
Vue App歌曲的主要特點如下:
const app = new Vue({
el: '#app',
data: {
songs: [
{ name: '夏洛特煩惱', artist: '金志文', src: 'http://music.163.com/song/media/outer/url?id=33894312.mp3', cover: 'http://p1.music.126.net/srq_YnbWqqG0Mb4RwiJ7dQ==/109951165607944135.jpg' },
{ name: '后來', artist: '劉若英', src: 'http://music.163.com/song/media/outer/url?id=286504.mp3', cover: 'http://p2.music.126.net/gA80JlU5Jez1TTPX9-_UyA==/885797221490745.jpg' }
],
current: null,
playing: false
},
methods: {
play(song) {
this.current = song
this.playing = true
this.$refs.audio.play()
},
pause() {
this.playing = false
this.$refs.audio.pause()
},
ended() {
this.playing = false
this.current = null
}
}
})
上述代碼定義了Songs(歌曲)對象,包括歌曲名稱、演唱者、歌曲源url和封面url。還定義了Vue app實例,使用data來存儲歌曲列表、當前歌曲、播放狀態。使用methods來定義播放、暫停和播放完事件等功能。
Vue App歌曲是一款使用Vue.js框架開發的歌曲播放應用,它擁有眾多的功能,可以滿足用戶播放歌曲的需求。用戶可以輕松的瀏覽歌曲列表,通過點擊相應的歌曲進行播放,同時還可以實現播放、暫停、停止、切換歌曲等操作功能。總之,Vue App歌曲是一款功能強大,操作簡單,體驗很好的播放歌曲應用,值得大家一試。
上一篇python 里c代碼塊
下一篇python 打動態庫