amaze UI 筆記 - JS

 導航添加依據 http://amazeui.org/javascript 下面內容屬學習筆記,若有理解誤差和錯誤請留言相告,感謝!* =(官網這塊寫的很詳細)javascript

一 、UI加強java

  1.警告框 顯示可關閉的頁內警告信息。 在 Alert 最外層元素上添加 data-am-alert工具

  2.按鈕交互 *學習

   a.按鈕Loading狀態 ui

     b.單按鈕狀態切換spa

     c.複選框code

   d.單選框事件

  3.摺疊面板圖片

  4.下拉組件ip

  5.模態窗口

  6.彈出框

  7.加載進度條

  基本使用:調用 start()done() 控制進度條的開始與結束。

   $.AMUI.progress.start();

   $.AMUI.progress.done();

  設置百分比: 調用 .set(n) 能夠設置進度百分比, n 的取值區間爲 0..1

  $.AMUI.progress.set(0.0); // Sorta same as .start()

  $.AMUI.progress.set(0.4);

  $.AMUI.progress.set(1.0); // Sorta same as .done()

  增長進度: 調用 .inc(),進度將會增長一個隨機的數量,但不會到達 100%。

  $.AMUI.progress.inc();

  強制結束: 傳遞 truedone(),強制顯示進度條(默認狀況是若是沒有 .start().done() 執行任何操做)。

  $.AMUI.progress.done(true);

  獲取進度值: 使用 .status 屬性。

  8.圖片輪播

  9.側邊欄

  10.滾動偵測

  11.滾動偵測導航

  12.平滑滾動

  13.固定元素

  14.選項卡

2、實用工具

  1.Cooick

  2.FastClick

  3.全屏切換

  4.觸控事件

  5.iScroll

相關文章
相關標籤/搜索