移动端前端项目--8_商品列表页面的制作

8_商品列表页面的制作
知识点:
1、用sass写transform 见http://www.jianshu.com/p/bec8add113d4
2、弹性盒子布局:http://www.jianshu.com/p/42e66bca482b
3、移动端尽量使用rem:http://www.jianshu.com/p/c491ac12082f(此案例暂时还是用px)
4、css实现小三角:http://www.jianshu.com/p/04f5adc8885c
5、sass @mixin方式改变小三角上边框的颜色:http://www.jianshu.com/p/5c293267c822

商品列表页样式表:
sass>module>content.scss

完成效果图:

移动端前端项目--8_商品列表页面的制作_第1张图片
productlist-效果图.gif

你可能感兴趣的:(移动端前端项目--8_商品列表页面的制作)