ionic是輕量的手機UI庫,具有速度快,介面現代化、美觀等特色。為了解決其他一些UI庫在手機上運行緩慢的問題,它直接放棄了IOS6和Android4.1以下的版本支持,來獲取更好的使用體驗。
ionic 列表 語法
列表是一個廣泛應用的介面元素,在所有行動app中幾乎都會使用到。
清單可以是基本文字、按鈕,開關,圖示和縮圖等。
列表項可以是任何的HTML元素。容器元素需要list類,每個列表項需要使用item類。
ionList和ionItem可以很容易的支援各種互動方式,例如,滑動編輯,拖曳排序,以及刪除項目。
ionic 列表 範例
<頭> <元字元集=“utf-8”> ;PHP中文網(php.cn) ; </頭> <正文> <div class="bar bar-header">列表
<ul class="list">
<li class="item">
戰蟾蜍
</li>
<li class="item">
魂鬥羅
</li>
<li class="item">
鴨的故事
</li>
<li class="item">
洛克人
</li>
<li class="item">
銀河戰士
</li>
<li class="item">
麥克泰森的出拳
</li>
<li class="item">
R.C.職業業餘選手
</li>
<li class="item">
間諜獵人
</li>
<li class="item">
超級瑪利歐兄弟。
</li>
<li class="item">
薩爾達傳說
</li>
</ul>
</正文>
運行實例 »
點擊“運行實例” " 按鈕查看線上實例