为什么卡片布局？
<p>用户可能习惯了以前的列表布局：
<img src="http://upload-images.jianshu.io/upload_images/2382475-6d6d039f192936af.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="列表视图" /></p>
<p>列表布局有两个问题：</p>
<ul>
<li>容易串行</li>
<li>需要在手机上查看时不够友好</li>
</ul>
<p>所以我们做了卡片布局，在电脑屏幕和手机屏幕上显示分别效果如下：
<img src="http://upload-images.jianshu.io/upload_images/2382475-fefdbe68a2b6bc07.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240" alt="卡片布局-电脑屏幕显示效果" /></p>
<p><img src="http://upload-images.jianshu.io/upload_images/2382475-669f6b82d331855c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/300" alt="卡片布局-手机屏幕显示效果" /></p>