最近有点忙。。 。
GitHub：https://github.com/Ewall1106/mall（请选择分支9）
一、less和reset.css的使用
1、less的引用
（1）安装less和less-loader
$ cnpm install less less-loader --save-dev
install less
（2）然后在style中用lang属性定义一下less即可
lang
2、reset.css的引用
（1）去这个网站（https://cssreset.com/）下载一个reset.css文件，然后copy到src目录下
reset.css
（2）然后我们在App.vue中引入
App.vue
（3）最后你可以自己去浏览器中看看是不是引用成功了，比如h3块级元素的margin值都为零了。
二、新建活动、商品推荐组件
1、我们进入components文件下，新建活动（activity）、商品推荐（recommend）的组件
recommend.vue
activity.vue
2、activity.vue的构建
（1）template
template
（2）style
style
3、recommend.vue的构建
跟activity.vue的结构大同小异，代码可以去仓库看看，没什么技术要点；主要是里面用了一个flex的布局需要好好看看，我这里抛个阮大神的flex布局链接，大家好好去看看：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
三、这就是我们首页的活动推荐和商品推荐模块**
两个模块
参考学习
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
https://cssreset.com
网友评论