上一節我們為歌曲頁新增了封面。 這一節我們要為歌曲頁新增歌詞。 同樣的, 我們的歌詞在最初開始的時候並沒有考慮在內。 我們回到song-form.js中,給data新增乙個lyrics的屬性表示歌詞, 注意修改其它**保證不會出錯。
我們的歌詞填在如下結構:
class="song-description">
h1>
class="lyric">
class="lines">
div>
div>
div>
我們要先獲取歌詞, 並將其新增到div.line
中去
let = song
//新增歌詞
lyrics.split('\n').map
((string)=> else
})
audio.ontimeupdate = ()=>
showlyric(time) else }}
let pheight = p.getboundingclientrect().top
let linesheight = this.$el.find('.lyric > .lines')[0].getboundingclientrect.top
let height = pheight - linesheight
this.$el.find('.lyric > .lines').css(px)`
})$(p).addclass('active').siblings('.active').removeclass('active')
}
三首兒時歌曲的歌詞
昨晚和寢室的兄弟們臥談時,談起了幾首兒時的歌曲 邋遢大王 黑貓警長 鐵臂阿童木 前面兩首還記得,最後一首就不記得了,今天特地上網查來。小邋遢真呀真邋遢!邋遢大王就是他 人叫他小邋遢 小邋遢真呀真邋遢!邋遢大王就是他 沒人喜歡他 忽然有一天,小邋遢變了 邋遢大王他不邋遢 我們大家喜歡他 忽然有一天,小...
為標籤頁的標題新增序號
在 vimrc中新增如下 為標籤頁的標題新增序號 if exists showtabline function mytabline let s let wn let t tabpagenr let i 1 while i tabpagenr let buflist tabpagebuflist i ...
vue music 歌詞獲取並解析為json
1.配置介面 qq對介面進行了安全控制,在devserver中模擬請求頭等從而避開 在config資料夾中index.js檔案中,配置proxytable proxytable pathrewrite 2.調取介面的api 在api資料夾下建立song.js export function getl...