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>
</正文>

運行實例 »

點擊“運行實例” " 按鈕查看線上實例