Framework7 - Trạng thái hoạt động

Sự miêu tả

Khi bạn nhấn vào các liên kết và nút, chúng sẽ được đánh dấu. Điều này được thực hiện bởi trạng thái hoạt động trong Framework7.

  • Nó hoạt động giống như một ứng dụng gốc, không giống như một ứng dụng web ..
  • Nó có một thư viện Fast click tích hợp và nó sẽ được kích hoạt.
  • Lớp trạng thái hoạt động giống như CSS : active selector.
  • Trạng thái hoạt động được bật bằng cách thêm lớp trạng thái xem-hoạt động vào phần tử <html> .

Đoạn mã sau được sử dụng cho trạng thái hoạt động trong kiểu CSS:

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

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

Đoạn mã sau cho thấy khả năng tương thích dự phòng, khi trạng thái Hoạt động hoặc Nhấp chuột nhanh bị vô hiệu hóa -

/* 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;
}