接著昨天輪播圖的問題
看了之前的項(xiàng)目，沒有出現(xiàn)橫向輪播圖拌蜘。可能是我目前這個(gè)項(xiàng)目的頁面安全寬度超過了本身輪播圖可容納寬度的極限。導(dǎo)致瀏覽器橫向出現(xiàn)滾動(dòng)條??
今天完成的效果圖
在這里插入圖片描述
今天主要是在細(xì)節(jié)方面進(jìn)行修改中剩，截圖看不出來什么??·，如若要看效果抒寂，可以移步到?這里?
- 主要美化代碼
在這里插入圖片描述
在這里插入圖片描述
組件美化代碼主要是 CSS 代碼结啼，這里就不都貼出來了。只是貼
loading組件和sessionHeader組件??
- 對(duì)歌單播放數(shù)量進(jìn)行格式化
//播放數(shù)量處理
_tranNumber(num, point) {
//去掉小數(shù)點(diǎn)
let numStr = num.toString().split(".")[0];
if (numStr.length < 6) {
//十萬以內(nèi)
return numStr;
} else if (numStr.length >= 6 && numStr.length <= 8) {
let decimal = numStr.substring(
numStr.length - 4,
numStr.length - 4 + point
);
return parseFloat(parseInt(num / 10000) + "." + decimal) + "萬";
} else if (numStr.length > 8) {
let decimal = numStr.substring(
numStr.length - 8,
numStr.length - 8 + point
);
return parseFloat(parseInt(num / 10000000) + "." + decimal) + "億";
}
},
完成的任務(wù)
- 主要是對(duì)昨天的一些組件細(xì)節(jié)方面的調(diào)整屈芜，以及增加
Loading組件 和Baner組件（獨(dú)家放送組件）??
出現(xiàn)的問題
今天主要出現(xiàn)的問題是：?數(shù)據(jù)請(qǐng)求和頁面渲染出現(xiàn)速度不對(duì)等問題?郊愧。主要地方是新碟首發(fā)組件以及歌手列表組件
在這里插入圖片描述
在這里插入圖片描述
解決方法：監(jiān)聽父組件傳遞過來的數(shù)據(jù)，接收到后井佑，綁定相關(guān)樣式属铁，并且結(jié)合圖片懶加載??。完美解決
在這里插入圖片描述
總結(jié)
今天主要是只有一個(gè)下午的時(shí)間來寫躬翁，所以沒有接著開發(fā)??焦蘑，更多的時(shí)間是在昨天的基礎(chǔ)上對(duì)組件進(jìn)行修改及完善??。今天主要精力在美觀及頁面渲染時(shí)是否對(duì)用戶體驗(yàn)更加友好進(jìn)行優(yōu)化??盒发。明天希望能把項(xiàng)目主頁完成掉（還差 MV 組件 例嘱、 底部組件）?
