Framework7 - Боковые панели

Описание

На боковой панели перемещается в левую или правую сторону экрана для отображения содержимого. Framework7 позволяет вам включать до 2 панелей (правую и левую) в ваше приложение. Вам нужно добавить панели в начале <body>, а затем выбрать эффект открытия, применив следующие перечисленные классы:

panel-reveal - Это приведет к перемещению всего содержимого приложения.
panel-cover - Это заставит панель накладываться на содержимое приложения.

Например, следующий код показывает, как использовать вышеуказанные классы -

<body>
   <!-- First add Panel's overlay which will overlays app while panel is opened -->
   <div class = "panel-overlay"></div>
 
   <!-- Left panel -->
   <div class = "panel panel-left panel-cover">
      panel's content
   </div>
 
   <!-- Right panel -->
   <div class = "panel panel-right panel-reveal">
      panel's content
   </div>
 
</body>

В следующей таблице показаны типы панелей, поддерживаемые Framework77.

S.No	Тип и описание
1	Открытие и закрытие панелей После того, как вы добавите панель и эффекты, нам нужно добавить функциональность для открытия и закрытия панелей.
2	Панельные события Чтобы определить, как пользователь взаимодействует с панелью, вы можете использовать события панели.
3	Открывать панели с помощью смахивания Framework7 предоставляет вам возможность открывать панель с помощью жеста .
4	Панель открыта? Мы можем определить, открыта панель или нет, используя with-panel[position]-[effect] правило.