《華爲音樂播放器項目》——2.靜態頁面實現

emmmmm，靜態頁面好像沒什麼需要特別記錄的東西。 最多就是新知道的幾個CSS知識點和SVG的用法，但還是把具體實現步驟記錄一下吧。 最終效果如下： 一、對效果圖先分區佈局 主要分爲三個部分： head: 包括歌名、作者 panel： 旋轉的效果，當前歌詞和下一句歌詞 footer: 一些功能按鈕 二、着手寫整體佈局的CSS： 1、先確定主題顏色，直接微信截圖看的，這時候 svg 的好處就體驗出

>>阅读原文<<