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

本文目錄一覽：

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

Vue黑馬頭條移動端項目day01

一.開始時的一些步驟

二.具體步驟

1.準備一些字體圖標,用到阿里巴巴的矢量圖庫:?

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

2.引入vant組件庫

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

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

3.復習移動端適配,rem是相對于html標簽的字體大小而言的.

4.安裝移動端 REM 適配

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

postcss-pxtorem 是一款 postcss 插件，用于將單位轉化為 rem

lib-flexible 用于設置 rem 基準值

npm i -S amfe-flexible

main.js中引入：import?'amfe-flexible'

npm uninstall postcss-pxtorem

npm install postcss-pxtorem@5.1.1

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