Framework7 - สถานะที่ใช้งานอยู่

คำอธิบาย

เมื่อคุณแตะลิงก์และปุ่มต่างๆจะถูกไฮไลต์ สิ่งนี้ทำได้โดยสถานะที่ใช้งานอยู่ใน Framework7

  • มันทำงานเหมือนแอพเนทีฟไม่เหมือนเว็บแอพ ..
  • มีไลบรารีคลิกด่วนในตัวและควรเปิดใช้งาน
  • ใช้งานของรัฐระดับเป็นเช่นเดียวกับแบบ CSS : ใช้งานตัวเลือก
  • สถานะที่ใช้งานถูกเปิดใช้งานโดยการเพิ่มคลาสwatch-active-stateให้กับองค์ประกอบ<html>

รหัสต่อไปนี้ใช้สำหรับสถานะที่ใช้งานอยู่ในรูปแบบ CSS -

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

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

รหัสต่อไปนี้แสดงความเข้ากันได้ทางเลือกเมื่อสถานะใช้งานหรือคลิกเร็วถูกปิดใช้งาน -

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