@PaulMaly Паш, я там выше спрашивал, как анимировать смену текста

Question

Svelte [svelt] - All about Svelte JavaScript framework.

@PaulMaly Паш, я там выше спрашивал, как анимировать смену текста

через fly. Не подскажешь? Почему-то вот так не работает. Текст меняется без анимации при изменении cursor'а:
{#key $store.cursor}
<div
class="wizard-caption"
in:fly|local={{ x: (!!($store.reversed)?-1:1)*$screenSize.innerWidth, duration: 300 }}
>
<Text text={($store.stepData || {}).label} weight={ETextWeight.SEMIBOLD} size={ETextSize.LARGE}/>
</div>
{/key}
```
Пробовал так: $: cursor = $store.cursor; и завязаться на cursor. Дело не в этом. Либо key сломался, либо я чего-то не понимаю. В репле вроде работает

#programming #russian #svelte

0

27.11.2020