為歌曲頁新增歌詞

2021-08-24 17:34:53 字數 848 閱讀 6323

上一節我們為歌曲頁新增了封面。 這一節我們要為歌曲頁新增歌詞。 同樣的, 我們的歌詞在最初開始的時候並沒有考慮在內。 我們回到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...