Vue3 - Web ページの白い画面の読み込み中に「カスタム」読み込みアニメーションを自動的に挿入します。ページを開いて読み込むたびに、アニメーションまたは画像ファイルが自動的に表示されます (Web サイトの最初の画面読み込み待機アニメーションをグローバルに挿入します。長期的な問題を解決するためのダイナミック グラフィックスまたはアニメーション) ホワイト スクリーン問題)

序文

Vue2 プロジェクトを使用してこの機能にアクセスしている場合は、この記事を参照してください。

この記事では、vue3 Web サイト開発でページの読み込み時に表示されるカスタム読み込みアニメーションを実装します (ページ読み込み時の白い画面の問題を解決するため) グローバル インジェクションはシンプルかつ高速です。

アニメーションCSSや画像などを読み込む白い画面をカスタマイズでき、Webページが読み込まれるたびに読み込みアニメーションが表示されます。


下の図に示すように、ブラウザのネットワークを 3G に調整したところ、Web ページの読み込み時にアニメーションが表示されるようになりました。

この記事では、さまざまな種類の読み込みアニメーションを提供します。ニーズに応じて選択することも、自分で直接カスタマイズすることもできます。

无论您 vue3 项目用的是 vite 还是 webpack 工具都可以!无任何框架和插件依赖!

ここに画像の説明を挿入します

コードを実装する

おすすめ

転載: blog.csdn.net/weixin_44198965/article/details/132845279
おすすめ