Framework7 - O painel está aberto?

Descrição

Podemos determinar se um painel está aberto ou não. Sempre que algum painel é aberto, o <body> terá classes adicionais geradas, conforme mostrado abaixo, que usa owith-panel-[position]-[effect] regra.

  • Quando você tiver o painel esquerdo aberto com efeito de capa, o corpo terá uma classe com painel esquerdo de capa .

  • Quando você tiver o painel esquerdo aberto com efeito de revelação, o corpo terá a classe painel esquerdo-revelado .

  • Quando você tiver o painel direito aberto com efeito de capa, o corpo terá a classe com painel direito de capa .

  • Quando você tiver o painel direito aberto com efeito de revelação, o corpo terá classe com painel direito-revelar .

Você pode usá-lo em JavaScript ou CSS para detectar um painel aberto, conforme mostrado abaixo -

Em JavaScript

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

Em CSS

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

Isso mudará o fundo da barra de status quando o painel for aberto.