本篇文章给大家谈谈黑马头条项目案例源代码，以及黑马头条推荐系统项目数据对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 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

关于黑马头条项目案例源代码和黑马头条推荐系统项目数据的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。