Der spezifische Code lautet wie folgt: <Stil> #toastLoaderFullScreen { Höhe: 100%; Position: absolut; oben: 0; rechts: 0; unten: 0; links: 0; Z-Index: 99999; Hintergrundfarbe: rgba(224, 38, 38, 0,5); } #toastLoader { Position: absolut; links: 50%; oben: 45 %; Breite: 350px; Rand links: -19px; /* Hintergrundfarbe: blau; */ } #toastLoaderText { Position: fest; oben: 53 %; links: 50%; Breite: 250px; Rand oben: -10px; Rand links: -125px; word-wrap:break-word; /*Automatischer Zeilenumbruch*/ Textausrichtung: zentriert; /* Hintergrundfarbe: rot; */ } </Stil> <Vorlage> <div id="toastLoaderFullScreen"> <div> <mu-circular-progress id="toastLoader" :size="40" color="rgb(24, 143, 254)" v-show="isToastLoader"></mu-circular-progress> <div id="toastLoaderText"> <p>Anmelden</p> </div> </div> </div> </Vorlage> <Skript> Standard exportieren { Daten() { zurückkehren { isToastLoader: true } }, erstellt() { // setzeTimeout(() => { // dies.isToastLoader = false // }, 2000) }, Methoden: { } } </Skript> Zusammenfassen Oben ist die vom Editor eingeführte Implementierungsmethode für die Vollbild-Zentrierung der CSS-Maske. Ich hoffe, sie ist für alle hilfreich. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! |
<<: Einführung in die Verwendung gängiger XHTML-Tags
>>: Detaillierte Erklärung der Routenkonfiguration von Vue-Router
Die in MySQL integrierte Datumsfunktion TIMESTAMP...
Inhaltsverzeichnis Erstellen Sie eine Vuex-Umgebu...
Bei der Installation von mysql5.7.18 ist folgende...
Zusammenfassung: MySQL bietet eine Vielzahl von S...
Inhaltsverzeichnis Wo werden die Protokolle gespe...
Vorwort Wie wir alle wissen, treten bei Front-End...
Projektszenario: Beim Ausführen des Vue-Projekts ...
Das CentOS-Projekt, ein 100 % kompatibler Neuaufb...
Heute ist mir plötzlich eingefallen, dass es cool ...
Wird UPDATE gesperrt? Wird die SQL-Anweisung gesp...
Eine ausgereifte Datenbankarchitektur ist nicht v...
Ich habe zufällig ein tolles Tutorial zum Thema k...
Inhaltsverzeichnis 1. Einfaches Einbinden persist...
PHP7 ist bereits seit einiger Zeit auf dem Markt ...
mysql-5.7.9 bietet endlich eine Shutdown-Syntax: ...