Framework7 - Le panneau est ouvert?

La description

Nous pouvons déterminer si un panneau est ouvert ou non. Chaque fois qu'un panneau est ouvert, le <body> aura des classes générées supplémentaires comme indiqué ci-dessous qui utilise lewith-panel-[position]-[effect] règle.

  • Lorsque vous avez laissé le panneau ouvert avec effet de couverture, le corps aura la classe avec-panneau-gauche-couverture .

  • Lorsque vous avez laissé le panneau ouvert avec un effet de révélation, le corps aura la classe avec-panneau-gauche-révéler .

  • Lorsque vous avez ouvert le panneau droit avec effet de couverture, le corps aura la classe avec panneau droit .

  • Lorsque vous avez le panneau droit ouvert avec un effet de révélation, le corps aura la classe avec-panneau-droite-révéler .

Vous pouvez l'utiliser en JavaScript ou en CSS pour détecter un panneau ouvert comme indiqué ci-dessous -

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;
}

Cela changera l'arrière-plan de la barre d'état lorsque le panneau sera ouvert.