HMVue8.4 定制主题【课程综合案例-HM头条(移动端)】

 

1 官方文档

vant定制主题的核心：less变量的覆盖

 https://vant-contrib.gitee.io/vant/#/zh-CN/theme

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

本项目：手动引入样式 + vue-cli搭建项目

 

2 实现方案1（不推荐）

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 重启项目

 

 

 

 

 

3 实现方案2（推荐）

https://less.bootcss.com/

 less中使用@定义变量

 

 

 

 

 

 

 

 

 重启项目

4 案例项目扩展

终端停止项目

npm run build

 

 

 

 

 

 

 

 

问题：浏览器直接打开这个index.html，是file协议，无效果不能正常显示

 

 

 

原因：默认情况下，npm run build打包生成的dist只能发布到服务器，通过http协议被查看

解决：https://cli.vuejs.org/zh/config/#publicpath

 

 

 

 

 

5 课程总结

黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程_哔哩哔哩_bilibili

 黑马vue2课程完结撒花

---

 

2021-11-01至2021-11-30

学习vue2一个月