Gallery

На цій сторінці використовуємо наступні віджети:

• function віджет. Автоматично має з'явитися на новій сторінці
• grid layout віджет:
  • • row container віджет:
      • • list collaps віджет( у налаштуваннях вимикаємо show pagination, налаштовуємо  collaps height  та item spacing) :
          • • 4 container віджети (додаємо їм стилі):
              • • 6 text віджетів;
                  
                • image віджет;
            • button віджет;

Вигляд сторінки: 

Створюємо дві API:

1. Отримуємо дані про колекції. Для цього використувуємо раніше створений endpoint
2. Отримуємо всі зображення

   

Стилізуємо row container та list collaps так само, як на минулій сторінці.

У середині list collaps додаємо окремі контейнери для того, щоб візуально виділити різні блоки. Додаємо контейнерам стилі.

У середині imageContainer - віджет image, у серединi інших - два віджети text.

У інших контейнерах колір - №666666.

Кнопка без контейнера.

Щоб відобразити назву колекції потрібно:

{{getCollections.data.find(e => e._id === currentItem.collection).name}}