仿知乎首页
图文列表。
示例源码
<section class="aui-content">
<div class="aui-card-list aui-border-t aui-border-b">
<div class="aui-info aui-padded-l-15 aui-padded-r-15">
<div class="aui-info-item aui-font-size-12">
<img src="/static/auicss/img/demo1.png" style="width:1rem" class="aui-img-round" />
<span class="aui-margin-l-5">Sim Chen 发表的热门文章</span>
</div>
<div class="aui-info-item">
<i class="aui-iconfont aui-icon-more"></i>
</div>
</div>
<div class="aui-card-list-content">
<img src="/static/auicss/img/l1.png" />
</div>
<div class="aui-card-list-header aui-padded-t-5 aui-padded-b-5">
中国拥有世界顶级航天芯片产品:俄罗斯造不出来了只能求中国分享
</div>
<div class="aui-card-list-content-padded aui-padded-t-0 aui-padded-b-0" style="color:#7b7b7b;">
如果谈及中国在技术领域的短板,那么大家可能想到的是发动机,其实还有一样:高级电子芯片!人们通常所说的CPU,所谓CPU即中央处理器,就是其代表产品,它可是为电子信息产品的心脏,是集成电路产品的终端级产品。
</div>
<div class="aui-card-list-footer aui-font-size-12" style="color:#999;">
<div>
<span>2048 赞</span> - <span>295 评论</span> - <span>去往栏目</span>
</div>
</div>
</div>
<div class="aui-card-list aui-border-t aui-border-b">
<div class="aui-info aui-padded-l-15 aui-padded-r-15">
<div class="aui-info-item aui-font-size-12">
<img src="/static/auicss/img/demo1.png" style="width:1rem" class="aui-img-round" />
<span class="aui-margin-l-5">Sim Chen 发表的热门文章</span>
</div>
<div class="aui-info-item">
<i class="aui-iconfont aui-icon-more"></i>
</div>
</div>
<div class="aui-card-list-content">
<img src="/static/auicss/img/l2.png" />
</div>
<div class="aui-card-list-header aui-padded-t-5 aui-padded-b-5">
中国拥有世界顶级航天芯片产品:俄罗斯造不出来了只能求中国分享
</div>
<div class="aui-card-list-content-padded aui-padded-t-0 aui-padded-b-0" style="color:#7b7b7b;">
如果谈及中国在技术领域的短板,那么大家可能想到的是发动机,其实还有一样:高级电子芯片!人们通常所说的CPU,所谓CPU即中央处理器,就是其代表产品,它可是为电子信息产品的心脏,是集成电路产品的终端级产品。
</div>
<div class="aui-card-list-footer aui-font-size-12" style="color:#999;">
<div>
<span>2048 赞</span> - <span>295 评论</span> - <span>去往栏目</span>
</div>
</div>
</div>
</section>