Framework7 - Il pannello è aperto?

Descrizione

Possiamo determinare se un pannello è aperto o meno. Ogni volta che viene aperto un pannello, il <body> avrà classi generate aggiuntive come mostrato di seguito che utilizza l'estensionewith-panel-[position]-[effect] regola.

  • Quando hai il pannello sinistro aperto con effetto cover, il corpo avrà la classe with-panel-left-cover .

  • Quando hai lasciato il pannello aperto con effetto rivelatore, il corpo avrà la classe con pannello sinistro rivelatore .

  • Quando hai il pannello destro aperto con effetto copertina, il corpo avrà la classe con-pannello-copertina destra .

  • Quando hai il pannello destro aperto con effetto di rivelazione, il corpo avrà la classe with-panel-right-reveal .

Puoi usarlo in JavaScript o in CSS per rilevare un pannello aperto come mostrato di seguito -

In JavaScript

if ($$('body').hasClass('with-panel-left-cover')) {
   console.log('Left Panel is opened')
}

In CSS

body.with-panel-left-cover .statusbar-overlay {
   background-color: #333;
}

Questo cambierà lo sfondo della barra di stato quando il pannello viene aperto.