具体的なコードは次のとおりです。 <スタイル> #トーストローダーフルスクリーン{ 高さ: 100%; 位置: 絶対; 上: 0; 右: 0; 下部: 0; 左: 0; zインデックス: 99999; 背景色: rgba(224, 38, 38, 0.5); } #トーストローダー{ 位置: 絶対; 左: 50%; 上位: 45% 幅: 350ピクセル; 左マージン: -19px; /* 背景色: 青; */ } #トーストローダーテキスト{ 位置: 固定; トップ:53% 左: 50%; 幅: 250ピクセル; 上マージン: -10px; 左マージン: -125px; word-wrap:break-word; /*自動改行*/ テキスト配置: 中央; /* 背景色: 赤; */ } </スタイル> <テンプレート> <div id="toastLoaderFullScreen"> <div> <mu-circular-progress id="toastLoader" :size="40" color="rgb(24, 143, 254)" v-show="isToastLoader"></mu-circular-progress> <div id="トーストローダーテキスト"> <p>ログイン</p> </div> </div> </div> </テンプレート> <スクリプト> エクスポートデフォルト{ データ() { 戻る { isToastLoader: true } }, 作成された() { // タイムアウトを設定する(() => { // this.isToastLoader = false // }, 2000) }, メソッド: { } } </スクリプト> 要約する 上記は、エディターが紹介したCSSマスク全画面中央揃えの実装方法です。皆様のお役に立てれば幸いです。ご質問がございましたら、メッセージを残してください。エディターがすぐに返信いたします。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
目次Linux の MariaDB データベースについて1. データベースとは何ですか? 2. デー...
ドキュメント: https://github.com/hilongjw/vue-lazyload 1...
序文:私は友人のプロジェクトのバグを修正するのを手伝ったのでこれを書きました。この関数を書くのは初め...
トリガー:トリガーの使用シナリオと対応するバージョン:トリガーは次の MySQL バージョンで使用で...
目次なぜパーティションが必要なのでしょうか?パーティショニング戦略パーティションの危険性なぜパーティ...
この記事の例では、WeChatアプレットのシームレスなスクロールを実現するための具体的なコードを参考...
ミニプログラムデータキャッシュ関連知識データ キャッシュ: データをキャッシュして、アプレットを終了...
jQueryは劇場の座席選択と予約の効果を実現します。参考までに、具体的な内容は次のとおりです。効果...
MySQL 論理アーキテクチャの概要他のデータベースと比較すると、MySQL は、そのアーキテクチャ...
目次シナリオ分析発達要約するシナリオ分析システムでは、1 つのモジュールに 3 つのサブモジュールが...
前回の記事では、JS を使って簡単な揺れ効果を実現する方法を紹介しました。ご興味があればクリックして...
1. フォワードプロキシとリバースプロキシの違いフォワード プロキシはクライアントのプロキシとして機...
テーブルを美しくするために、行ごとに異なる境界線の色を設定できます。基本的な構文<TR 境界線...
目次序文: 1. イベント ループとタスク キューの理由: 2. イベントループメカニズム: 3. ...
Raspberry Pi は ARM アーキテクチャをベースとしているため、Docker のインスト...