黑馬頭條項(xiàng)目案例源代碼（黑馬頭條推薦系統(tǒng)項(xiàng)目數(shù)據(jù)）
本篇文章給大家談?wù)労隈R頭條項(xiàng)目案例源代碼，以及黑馬頭條推薦系統(tǒng)項(xiàng)目數(shù)據(jù)對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
Vue黑馬頭條移動(dòng)端項(xiàng)目day01
一.開(kāi)始時(shí)的一些步驟
二.具體步驟
1.準(zhǔn)備一些字體圖標(biāo),用到阿里巴巴的矢量圖庫(kù):?
打開(kāi)網(wǎng)站登錄,在資源管理中找到我的項(xiàng)目,新建項(xiàng)目,將素材里面的svg導(dǎo)入到本地項(xiàng)目中去,去除顏色并提交.
2.引入vant組件庫(kù)
# Vue 2 項(xiàng)目，安裝 Vant 2：npm i vant -S
安裝插件后需要重啟一下vscode,重新加載.
3.復(fù)習(xí)移動(dòng)端適配,rem是相對(duì)于html標(biāo)簽的字體大小而言的.
4.安裝移動(dòng)端 REM 適配
Vant 中的樣式默認(rèn)使用 px 作為單位，如果需要使用 rem 單位，推薦使用以下兩個(gè)工具：
postcss-pxtorem 是一款 postcss 插件，用于將單位轉(zhuǎn)化為 rem
lib-flexible 用于設(shè)置 rem 基準(zhǔn)值
npm i -S amfe-flexible
main.js中引入：import?'amfe-flexible'
npm uninstall postcss-pxtorem
npm install postcss-pxtorem@5.1.1
關(guān)于黑馬頭條項(xiàng)目案例源代碼和黑馬頭條推薦系統(tǒng)項(xiàng)目數(shù)據(jù)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明：本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布，如需轉(zhuǎn)載請(qǐng)注明出處。
