uni-app：一套代碼，多端發布。可以發布到微信小程序、安卓app，ios api，h5頁面。聽了是不是很爽。
首先上做的產品效果圖
音樂初始頁面
點擊黑色半透明區域，即可進去音樂播放器頁面
音樂詳情播放頁面
在該頁面面板可以快進、快退、上一首、下一首切換歌曲，以及暫停音樂和下載音樂。
個人中心
個人中心頁面登陸后可以掃碼添加圖書。
然后可以進入圖書頁面即可查看到我們添加的圖書。
當然，您也可以通過微信掃描圖上面的二維碼，給與作者小小的打賞，以給出更多的好的作品。
圖書列表頁面
該Tab頁面可以看到我們添加過的所有圖書，點擊圖書即可進入圖書詳情介紹頁面。
圖書詳情頁面
該頁面是圖書的詳情頁面。
小程序二維碼
大家可掃描微信小程序二維碼體驗效果。(個人賬戶不允許發布音樂類型小程序)
項目目錄文件介紹
好的，展示效果大家已看完。
歡迎打賞
大家可以進入碼雲地址下載該項目進行學習。
順帶教大家怎么使用iconfont
1. 進入iconfont官網：https://www.iconfont.cn/， 在里面找我們所需要的字體圖標
2. 最后下載整個包
3. 解壓該下載zip文件，需要將里面的ttf文件文件轉為base64格式
這里我們借助網站工具: https://transfonter.org/
ttf轉base64文件
最后拿到里面的.css后綴文件，里面已經包含了轉碼后的字體文件。這樣我們就不需要再iconfont.css文件中導入ttf、ttf2等字體文件。
4. 最后只需要將轉換后的 @font-face{ } 替換掉原本iconfont.css文件里面的@font-face里面的內容。
這樣，我們就只需要單單引入iconfont.css文件即可使用字體圖標了。