Framework7 - stan aktywny

Opis

Po dotknięciu łączy i przycisków są one podświetlane. Odbywa się to przez stan aktywny w Framework7.

  • Zachowuje się jak aplikacja natywna, a nie jak aplikacja internetowa.
  • Ma wbudowaną bibliotekę szybkich kliknięć i powinna być włączona.
  • Active-state klasy jest taka sama jak w CSS : aktywne selektora.
  • Stan aktywny jest włączany przez dodanie klasy watch-active-state do elementu <html> .

Poniższy kod jest używany dla stanu aktywnego w stylu CSS -

/* Usual state */
.my-button {
   color: red;
}

/* Active/tapped state */
.my-button.active-state {
   color: blue;
}

Poniższy kod przedstawia zgodność rezerwową, gdy stan aktywny lub szybkie kliknięcia są wyłączone -

/* Usual state */
.my-button {
   color: red;
}

/* Active/tapped state */
.my-button.active-state {
   color: blue;
}

/* Fallback, when active state is disabled */
html:not(.watch-active-state) .my-button:active {
   color: blue;
}