Счетчик

Для работы компонента необходимо обозначит корневой элемент, который будет использоваться в качестве шаблона.

Для этого используется атрибут cr-countdown-root.

Далее, в коде компонента можно использовать заготовленные переменные для показа цифр.

Дни

  • {{"{{_dn}\}"}} — количество дней. Может быть 0, 4, 12, 143 и т.д.
  • {{"{{_dnn}\}"}} — количество дней с двумя цифрами и больше. Может быть 00, 04, 143 и т.д.
  • {{"{{_d1}\}"}} — цифра от 0 од 9, единицы дней. Это может быть "4" от "4" дней или "2" от "12" дней или "3" от "143" дней.
  • {{"{{_d10}\}"}} — цифра от 0 од 9, десятки дней. Это может быть "0" от "4" дней или "1" от "12" дней или "4" от "143" дней.
  • {{"{{_dl}\}"}} — текст "День", "Дней" или "Дня" в зависимости от количества дней.

Часы

Те же переменные, что и в днях, но с "h" вместо "d".

{{"{{_hn}\}"}}, {{"{{_hnn}\}"}}, {{"{{_h1}\}"}}, {{"{{_h10}\}"}}, {{"{{_hl}\}"}}

Минуты

Те же переменные, что и в днях, но с "m" вместо "d".

{{"{{_mn}\}"}}, {{"{{_mnn}\}"}}, {{"{{_m1}\}"}}, {{"{{_m10}\}"}}, {{"{{_ml}\}"}}

Секунды

Те же переменные, что и в днях, но с "s" вместо "d".

{{"{{_sn}\}"}}, {{"{{_snn}\}"}}, {{"{{_s1}\}"}}, {{"{{_s10}\}"}}, {{"{{_sl}\}"}}

Корректная работа динамических компонентов, таких как слайдер, видео и т.д., внутри элемента с атрибутом cr-countdown-root не гарантируется.