動的パーティクル効果は次のとおりです。 プラグインをインストールするnpm インストール vue-particles --save-dev main.js ファイルにグローバルにインポートする 'vue-particles' から VueParticles をインポートします。 Vue.use(VueParticles) vueファイルで使用する <vue-パーティクル カラー="#409EFF" :particleOpacity="0.7" :粒子数="60" 形状タイプ="円" :粒子サイズ="6" ラインカラー="#409EFF" :行幅="1" :lineLinked="true" :line不透明度="0.4" :線の距離="150" :moveSpeed="3" :hoverEffect="true" hoverMode="つかむ" :clickEffect="true" クリックモード="プッシュ"> </vue-パーティクル> 背景画像として動的パーティクルを使用します。新しい div を表示する必要がある場合、div は vue-particles コンテンツをカバーすることができないため、後で順番に表示されることがわかります。そのため、 <スタイル> #パーティクルjs { 幅: 100%; 高さ: calc(100% - 100px); 位置: 絶対; } </スタイル> 上記の属性について:
Vue ログインページ用の動的パーティクル背景プラグインの実装に関するこの記事はこれで終わりです。Vue 動的パーティクル背景の関連コンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: mysql-8.0.16 winx64 最新インストール チュートリアル (画像とテキスト付き)
>>: Mac に Windows サービスを備えた仮想マシンをインストールする方法
必要ユーザーがフォームに入力して「保存」をクリックすると、PDF ドキュメントを直接ダウンロードでき...
目次1. オープンソースの倉庫管理ツール Harbor 2 インストール2.1 DockerとDoc...
目次使用されるAPI簡単な例人.ts親コンポーネントサブコンポーネント効果要約する使用されるAPI ...
Weibo ユーザーのフォローを一括で解除するクールな JavaScript コードWeibo には...
目次主に使用されるPostmanの機能データの暗号化と復号化さまざまなパラメータ設定実際に送信された...
序文MySQL は、クライアント/サーバー構造に基づく、高速、高性能、マルチスレッドのオープン ソー...
目次1. カスタムルーティング2. タブナビゲーション3. データの返却要約する1. カスタムルーテ...
MySQL 8.0.12 のダウンロードとインストールのチュートリアルを録画し、全員と共有しました。...
このタグはHTML3.2の一部ではなく、MSIE3以降のカーネルでのみサポートされているため、IEカ...
目次1. 鏡を見つける2. RabbitMQイメージをダウンロードする3. RabbitMQコンテナ...
日常業務において、フォームの検証は非常に一般的な設計要件です。ログイン ボックスや登録ボックス、アン...
Gtid + Mha + Binlog サーバー構成: 1: テスト環境OS: CentOS 6.5...
検証できるデータの種類は次のとおりです a = [1,2,3,4,5,6]とします。 b = [とし...
目次1. 背景2. 操作手順3. Portinerをインストールする3.1 Dockerのデプロイメ...
テスト サーバーにログインするたびに、必ず ssh ログインのパスワードを入力する必要があります。ロ...