Премини към основното съдържание

Multi Cards

Компонент на ISLE, който ви позволява да създавате и управлявате множество обръщащи се карти (например в играта Memory).

Опции

  • animation | object: ако е зададено, компонентът използва входна анимация; обектът съдържа име (например anim-scale-up) и продължителност (например 1.7s = 1.7 секунди). Default: {}.
  • memory | boolean: дали да се активира режимът на игра с памет, при който трябва да се съпоставят двойки от предоставените стойности. Default: none.
  • onChange | function: функция, която получава матрицата на обръщаемите карти. Default: onChange() {}.
  • onMemoryComplete | function: обратна връзка, която се извиква, ако играта с памет е завършена. Default: onMemoryComplete() {}.
  • oneTime | boolean: указва дали процесът на обръщане може да се изпълни само веднъж. Default: false.
  • values | array<object>: стойностите за съответните карти, въведени в масив, който има полета за въвеждане на стойност предна и задна. Тази стойност може да бъде низ, но също така и пълноценен компонент на ISLE. Default: [].
  • style | object: CSS инлайн стилове. Default: {}.
  • containerStyle | object: CSS стил на контейнерите за карти. Default: {}.
  • frontStyle | object: CSS стил на лицевата страна на картите. Default: {}.
  • backStyle | object: CSS стил на гърба на картите. Default: {}.

Примери

Редактор в реално време
Резултат
ReferenceError: Provider is not defined