面板是否已打开？（Panel is Opened?）

描述 (Description)

我们可以确定面板是否打开。 每当打开某个面板时， 《body》将具有如下所示的其他生成类，它们使用with-panel-[position]-[effect]规则。

• 当您打开左侧面板并具有遮盖效果时， body将具有with-panel-left-cover类。

• 当您打开左侧面板并显示效果时， body将具有with-panel-left-reveal类。

• 如果右侧面板打开并具有遮盖效果，则body将具有with-panel-right-cover类。

• 当您打开右侧面板并显示效果时， body将具有with-panel-right-reveal类。

您可以在JavaScript或CSS中使用它来检测打开的面板，如下所示 -

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

这将在面板打开时更改状态栏背景。