Framework7 - 面板已開啟？

描述

我們可以確定面板是否已開啟。每當某個面板開啟時，<body> 將具有如下所示的額外生成的類，這些類使用with-panel-[position]-[effect]規則。

您可以在 JavaScript 或 CSS 中使用它來檢測開啟的面板，如下所示：

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

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

這將在面板開啟時更改狀態列背景。

framework7_side_panels.htm

列印頁面