闲着逛站酷的时候看到了一张不错的设计图,刚好可以用来做瀑布流的样式。折腾一下午,终于把页面赶出来了,期间感谢作者的耐心解疑答惑!
相较于B2原版的瀑布流,这里需要做两大项修改,一是要把文章的时间年月份单独出来,然后是图片,7B2原本的设计这里应该是偷了个懒,有图则显示图片,无图则显示默认图。这样的结构导致有个缺陷,假如所有特色图片和默认图尺寸相同,则几乎显示不出瀑布流的特色了,所以又对页面结构进行修改。当然给PC端的重构对移动端也产生一定的影响,部分元素如果依旧按照这个样式很明显是用户体验较差的,所以又对移动端做了很多的优化。
废话不多说上DEMO地址:
https://www.ourule.com/post-2-view
教程源码下载地址:
https://www.ourule.com/613.html
请先登录!