行動端載入動畫

1.1 版本

1.2 應用場景

使用者支援自訂全域載入動畫功能，提升行動端使用者的資料感知體驗。

自訂全域載入動畫的效果如下圖所示：

1.3 功能入口

局部載入動畫是系統預設的，不提供自訂入口。

全局載入動畫設定入口：「管理系統>行動平台>範本預覽設定>載入動畫設定」。如下圖所示：

下面分別介紹下全域載入動畫的這 3 個設定項。

2.1 全域載入動畫

2.1.1 預設

全域載入動畫選擇預設，即採用系統預設動畫。

預設動畫效果如下圖所示：

2.1.2 不顯示

全域載入動畫選擇不顯示，即不設定全域載入動畫，此時全域載入動畫背景和顯示取消載入按鈕設定項也會消失。

2.1.3 自訂

全域載入動畫選擇自訂，可以上傳 GIF 圖片作為載入動畫。文末也提供了一些 GIF 資源包供使用者使用。

注：目前只支援 GIF 格式，上傳其它型別檔案會報錯提示「檔案類型不支援」。

注：GIF 過大可能出現圖片載入方面的效能問題，所以比較大的 GIF 要儘量壓縮下。

自訂動畫效果如下圖所示：

2.2 全域載入動畫背景

2.2.1 預設效果

全域載入動畫背景選擇預設效果，即載入動畫為白底灰框。

2.2.2 自訂

全域載入動畫背景選擇自訂，可以自訂動畫的背景顏色。如下圖所示：

設定效果如下圖所示：

2.3 顯示取消載入按鈕

預設顯示取消載入按鈕，點選後可以直接取消掉動畫。

開啟該功能，動畫右上角會出現取消動畫效果按鈕如下圖所示：

點選下載載入動畫 GIF 資源包：載入動畫包.rar