联系人列表（Contacts List）
联系人列表用来展示个人的联系方式。
联系人列表是分组列表（Grouped Lists）的一个特殊的类型，主要有2点不同：
列表区域元素（“list-block”）需要带上额外的“contacts-block”类
页面内容元素（“page-content”）需要带上额外的“contacts-content”类
示例
<div class="page-content contacts-content"> <div class="list-block contacts-block"> <div class="list-group"> <ul> <li class="list-group-title">A</li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Aaron </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Abbie</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Adam</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Adele</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Agatha</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Agnes</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Albert</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Alexander</div> </div> </div> </li> </ul> </div> <div class="list-group"> <ul> <li class="list-group-title">B</li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Bailey</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Barclay</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Bartolo</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Bellamy</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Belle</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Benjamin</div> </div> </div> </li> </ul> </div> <div class="list-group"> <ul> <li class="list-group-title">C</li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Caiden</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Calvin</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Candy</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Carl</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Cherilyn</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Chester</div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Chloe</div> </div> </div> </li> </ul> </div> <div class="list-group"> <ul> <li class="list-group-title">V</li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title">Vladimir</div> </div> </div> </li> </ul> </div> </div> </div>