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

本文目錄一覽：

• 1、Vue黑馬頭條移動端項目day01

Vue黑馬頭條移動端項目day01

一.開始時的一些步驟

二.具體步驟

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

打開網(wǎng)站登錄,在資源管理中找到我的項目,新建項目,將素材里面的svg導(dǎo)入到本地項目中去,去除顏色并提交.

2.引入vant組件庫

# Vue 2 項目，安裝 Vant 2：npm i vant -S

安裝插件后需要重啟一下vscode,重新加載.

3.復(fù)習(xí)移動端適配,rem是相對于html標(biāo)簽的字體大小而言的.

4.安裝移動端 REM 適配

Vant 中的樣式默認使用 px 作為單位，如果需要使用 rem 單位，推薦使用以下兩個工具：

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)于黑馬頭條項目案例源代碼和黑馬頭條推薦系統(tǒng)項目數(shù)據(jù)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。