Framework7 - ¿El panel está abierto?

Descripción

Podemos determinar si un panel está abierto o no. Siempre que se abre algún panel, el <body> tendrá clases adicionales generadas como se muestra a continuación, que utiliza elwith-panel-[position]-[effect] regla.

Cuando haya abierto el panel izquierdo con efecto de cubierta, el cuerpo tendrá la clase de cubierta con panel izquierdo .
Cuando haya abierto el panel izquierdo con efecto revelador, el cuerpo tendrá la clase con panel izquierdo revelado .
Cuando tenga el panel derecho abierto con efecto de cubierta, el cuerpo tendrá la clase de cubierta con panel derecho .
Cuando tenga el panel derecho abierto con efecto de revelado, el cuerpo tendrá la clase con panel derecho de revelado .

Puede usarlo en JavaScript o en CSS para detectar un panel abierto como se muestra a continuación:

En JavaScript

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

En CSS

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

Esto cambiará el fondo de la barra de estado cuando se abra el panel.

↰ Previous page