序文
Vue2 プロジェクトを使用してこの機能にアクセスしている場合は、この記事を参照してください。
この記事では、vue3 Web サイト開発でページの読み込み時に表示されるカスタム読み込みアニメーションを実装します (ページ読み込み時の白い画面の問題を解決するため) グローバル インジェクションはシンプルかつ高速です。
アニメーションCSSや画像などを読み込む白い画面をカスタマイズでき、Webページが読み込まれるたびに読み込みアニメーションが表示されます。
下の図に示すように、ブラウザのネットワークを 3G に調整したところ、Web ページの読み込み時にアニメーションが表示されるようになりました。
この記事では、さまざまな種類の読み込みアニメーションを提供します。ニーズに応じて選択することも、自分で直接カスタマイズすることもできます。
无论您 vue3 项目用的是 vite 还是 webpack 工具都可以!无任何框架和插件依赖!