vueにはマスク層のロード効果がある(怠け者開発)
1774 ワード
vueで手動でマスク層を作るロード効果は私のような怠け者にとってつらいことです.私は何気なくlayuiというフレームを見つけました.このフレームにはちょうどマスク層があります.これは気持ちがいいです.まず、あなたのvueプロジェクトにlayuiを導入します.
その後、あなたが使用しているページにlayuiを最後にインポートします.
このコードをタップすると、マスクレイヤのロードアニメーションが表示されます.
このコード:
マスクを閉じることです
またlayuiこれはロード効果があるだけでなく、弾窓コンポーネントもあります.jioはブラウザのオリジナルの弾窓よりずっときれいだと思います.使用コード:
npm i layui-src
その後、あなたが使用しているページにlayuiを最後にインポートします.
var loadingIndex = layer.load(1, { //icon 0-2
shade: [0.2, 'gray'], //0.5
});
このコードをタップすると、マスクレイヤのロードアニメーションが表示されます.
このコード:
layer.close(loadingIndex);
マスクを閉じることです
またlayuiこれはロード効果があるだけでなく、弾窓コンポーネントもあります.jioはブラウザのオリジナルの弾窓よりずっときれいだと思います.使用コード:
layer.alert("xxxx")