PM
Недавно кстати узнал что автор Solid фуллтаймит в Marko. Круто блин конечно, когда Фреймворк спонсируют. Тот же Эван с Vue
Size: a a a
2020 November 19
PM
по сравнению с метками??))))
А как ты заменишь функционал меток с помощью let ? 🤔
МТ
Вопрос на счет транзишнов:
Можно ли как то сделать чтобы сначала отрабатывал transition родительской ноды, и только потом use и транзишны всех дочерних нод?
Можно ли как то сделать чтобы сначала отрабатывал transition родительской ноды, и только потом use и транзишны всех дочерних нод?
МТ
Марк Танащук
Вопрос на счет транзишнов:
Можно ли как то сделать чтобы сначала отрабатывал transition родительской ноды, и только потом use и транзишны всех дочерних нод?
Можно ли как то сделать чтобы сначала отрабатывал transition родительской ноды, и только потом use и транзишны всех дочерних нод?
Первый раз отрабатывал transition родительской ноды*
МТ
У меня пока что в голове только 1 вариант: Иметь переменную
parentAnimated = false и такую разметку:<div class="parent" transition:fade={{ callback }}>
{#if parentAnimated}
<div class="content" transition:fade>Content</div>
{/if}
</div>
Где колбэк по окончанию анимации - parentAnimated = trueМТ
Нормально же?
МТ
Жаль нет какой-то опции, чтобы use и транзишны в первый раз отрабатывались один за одним от родительского до дочернего тега 🤔🤔
L
Марк Танащук
Вопрос на счет транзишнов:
Можно ли как то сделать чтобы сначала отрабатывал transition родительской ноды, и только потом use и транзишны всех дочерних нод?
Можно ли как то сделать чтобы сначала отрабатывал transition родительской ноды, и только потом use и транзишны всех дочерних нод?
хм. можно в ноду свой проп записать и понему чекать
МТ
хм. можно в ноду свой проп записать и понему чекать
Не понял
МТ
Как я понял оно единожды чекнет если
переменная = true и если в момент рендера переменная будет false то оно не анимирует даже после изменения переменной в trueМТ
Марк Танащук
У меня пока что в голове только 1 вариант: Иметь переменную
parentAnimated = false и такую разметку:<div class="parent" transition:fade={{ callback }}>
{#if parentAnimated}
<div class="content" transition:fade>Content</div>
{/if}
</div>
Где колбэк по окончанию анимации - parentAnimated = trueХотя чего я мучаюсь, безобидное решение же
L
Марк Танащук
Не понял
ща попробую показать
DK
Марк Танащук
У меня пока что в голове только 1 вариант: Иметь переменную
parentAnimated = false и такую разметку:<div class="parent" transition:fade={{ callback }}>
{#if parentAnimated}
<div class="content" transition:fade>Content</div>
{/if}
</div>
Где колбэк по окончанию анимации - parentAnimated = trueНу так тоже можно, только коллбэк — это обработка
А еще можно просто на детские анимации навесить delay. Так получится даже красивее, если увеличить задержку от родителя раза в два.
on:introend.А еще можно просто на детские анимации навесить delay. Так получится даже красивее, если увеличить задержку от родителя раза в два.
МТ
Ну так тоже можно, только коллбэк — это обработка
А еще можно просто на детские анимации навесить delay. Так получится даже красивее, если увеличить задержку от родителя раза в два.
on:introend.А еще можно просто на детские анимации навесить delay. Так получится даже красивее, если увеличить задержку от родителя раза в два.
Анимаций очень много...
DK
Каррировать?
МТ
Плюс если на каждую повесить задержку то либо надо по каждому ререндерингу чекать переменную, либо все последующие разы будут с задержкой
DK
¯\_(ツ)_/¯
МТ
МТ
Можно считать решенным наверное
