本篇文章給大家談?wù)労隈R頭條項(xiàng)目案例源代碼，以及黑馬頭條推薦系統(tǒng)項(xiàng)目數(shù)據(jù)對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、Vue黑馬頭條移動(dòng)端項(xiàng)目day01

Vue黑馬頭條移動(dòng)端項(xiàng)目day01

一.開始時(shí)的一些步驟

二.具體步驟

1.準(zhǔn)備一些字體圖標(biāo),用到阿里巴巴的矢量圖庫(kù):?

打開網(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)注本站。