圖文列表繼承自列表組件，主要添加了.mui-media、.mui-media-object、.mui-media-body幾個類，如下為示例代碼 ~~~ <ul class="mui-table-view"> <li class="mui-table-view-cell mui-media"> <a href="javascript:;"> <img class="mui-media-object mui-pull-left" src="../images/shuijiao.jpg"> <div class="mui-media-body"> 幸福 <p class='mui-ellipsis'>能和心愛的人一起睡覺，是件幸福的事情；可是，打呼嚕怎么辦？</p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a href="javascript:;"> <img class="mui-media-object mui-pull-left" src="../images/muwu.jpg"> <div class="mui-media-body"> 木屋 <p class='mui-ellipsis'>想要這樣一間小木屋，夏天挫冰吃瓜，冬天圍爐取暖.</p> </div> </a> </li> <li class="mui-table-view-cell mui-media"> <a href="javascript:;"> <img class="mui-media-object mui-pull-left" src="../images/cbd.jpg"> <div class="mui-media-body"> CBD <p class='mui-ellipsis'>烤爐模式的城，到黃昏，如同打翻的調色盤一般.</p> </div> </a> </li> </ul> ~~~