Iespējot tumšo (tumšo) režīmu, pamatojoties uz Bootstrap

Maz putas · Publicēts 04.04.2023 09:32:35

Prasības: Dažu vietņu mazajā labajā stūrī es redzēju nelielu spuldzes un mēness ikonu, noklikšķiniet uz spuldzes ikonas, lai iegūtu gaismas režīmu, noklikšķiniet uz mēness ikonas, lai iegūtu nakts režīmu (tumšais režīms), tas izskatās ļoti forši, mana vietne ir balstīta uz Bootstrap priekšgala sistēmas izstrādi, meklējiet dažus saistītus materiālus un konsultācijas.

bootstrap4：Hipersaites pieteikšanās ir redzama.
bootstrap5：Hipersaites pieteikšanās ir redzama.
Apmācības dokumentācija：Hipersaites pieteikšanās ir redzama.

Kods apkopo četras sākotnējās darba struktūras metodes (un kopā sešus variantus)

Manuālais pārslēgšanas režīms:Hipersaites pieteikšanās ir redzama.
Sekojiet automātiskai operētājsistēmu pārslēgšanai:Hipersaites pieteikšanās ir redzama.

(Īpaši tāpat kā iPhone pārslēdzas starp dienu un nakti, tumšais režīms ir piemērots vājā apgaismojumā, kas var labāk aizsargāt lietotāja acis, netraucējot citus, kā arī var ietaupīt vairāk enerģijas.) ）

Saskaņā ar dokumentācijas apmācību, mēģiniet to iepazīstināt ar mūsu vietni, vispirms apskatiet atveidojumus šādi:

Ievadiet stilus galvā, kods ir šāds:

Pieteikšanās ir redzama.

Pogas ikonas HTML kods:

Pieteikšanās ir redzama.

Pārslēgšanas režīma js kods:

Pieteikšanās ir redzama.

(Beigas)