无图标卡片
<div class="am-card">
<div class="am-card-header">无图标卡片</div>
<div class="am-card-item am-card-minfo am-card-noicon">
<div class="am-card-content">
<div class="am-card-title">卡片标题</div>
<div class="am-card-subtitle">副标题非必填</div>
</div>
<div class="am-list-arrow" aria-hidden="true"><span class="am-icon arrow horizontal"></span></div>
</div>
<div class="am-card-item am-card-minfo am-card-noicon">
<div class="am-card-content">
<div class="am-card-title">卡片标题</div>
<div class="am-card-subtitle">副标题非必填</div>
</div>
<div class="am-list-arrow" aria-hidden="true"><span class="am-icon arrow horizontal"></span></div>
</div>
</div>
带图标卡片
<div class="am-card">
<div class="am-card-header">带图标卡片</div>
<div class="am-card-body">
<div class="am-card-item am-card-minfo">
<div class="am-card-thumb">
<img src="https://os.alipayobjects.com/rmsportal/OhSzVdRBnfwiuCK.png" />
</div>
<div class="am-card-content">
<div class="am-card-subtitle">手工水饺</div>
<div class="am-card-title">100元代金券</div>
</div>
<div class="am-list-arrow" aria-hidden="true"><span class="am-icon arrow horizontal"></span></div>
</div>
<div class="am-card-item am-card-minfo">
<div class="am-card-thumb">
<img src="https://os.alipayobjects.com/rmsportal/OhSzVdRBnfwiuCK.png" />
</div>
<div class="am-card-content">
<div class="am-card-subtitle">手工水饺</div>
<div class="am-card-title">100元代金券</div>
</div>
<div class="am-list-arrow" aria-hidden="true"><span class="am-icon arrow horizontal"></span></div>
</div>
</div>
</div>
带图和描述文字卡片
<div class="am-card">
<div class="am-card-header">带图和描述文字卡片样式</div>
<div class="am-card-body">
<div class="am-card-item">
<div class="am-card-minfo">
<div class="am-card-thumb">
<img src="https://os.alipayobjects.com/rmsportal/OhSzVdRBnfwiuCK.png" />
</div>
<div class="am-card-content">
<div class="am-card-title">100元代金券</div>
<div class="am-card-subtitle">手工水饺</div>
</div>
<div class="am-list-arrow" aria-hidden="true"><span class="am-icon arrow horizontal"></span></div>
</div>
<div class="am-card-footnote">
<img src="https://zos.alipayobjects.com/rmsportal/dvUDRkRqgqjDgzCNmpJj.png" />
描述文字
</div>
</div>
<div class="am-card-item">
<div class="am-card-minfo">
<div class="am-card-thumb">
<img src="https://os.alipayobjects.com/rmsportal/OhSzVdRBnfwiuCK.png" />
</div>
<div class="am-card-content">
<div class="am-card-title">100元代金券</div>
<div class="am-card-subtitle">手工水饺</div>
</div>
<div class="am-list-arrow" aria-hidden="true"><span class="am-icon arrow horizontal"></span></div>
</div>
<div class="am-card-footnote">
<img src="https://zos.alipayobjects.com/rmsportal/dvUDRkRqgqjDgzCNmpJj.png" />
描述文字
</div>
</div>
</div>
</div>