Size: a a a

2020 November 25

ВК

Вадим Казанцев... in Svelte [svelt]
Кирилл Спасибович
а зачем это делать через key ? чтобы перерисовалось всё с анимацией ?
нет, мне без разницы как это сделать. я просто пока придумал только так)
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Вадим Казанцев
нет, мне без разницы как это сделать. я просто пока придумал только так)
потыкался без key, не понятно как сделать кроссфейд)

может так сделать ?

$: files = files === folder1 ? folder2 : folder1;
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Вадим Казанцев
нет, мне без разницы как это сделать. я просто пока придумал только так)
<script>
 import { fade } from 'svelte/transition';
 let folders = [
   {
     id: 1,
     name: 'folder1',
     content: [1,2,3,4,5]
   },
   {
     id: 2,
     name: 'folder2',
     content: [6,7,8,9,10]
   }
 ];
 let folderId = 1;
 function changeFolderId() {
   folderId = folderId < 2 ? folderId + 1 : 1;
 }
</script>

<button on:click={changeFolderId}>
 ChangeFolderId: {folderId}
</button>

{#each [folders.find(f => f.id === folderId)] as folder (folder)}
 <div class="folder" in:fade>
   {#each folder.content as file}
     <div>{file}</div>
   {/each}
 </div>
{/each}
источник

КС

Кирилл Спасибович... in Svelte [svelt]
какую-то такую фигню набросал
если не использовать transition, а использовать in то ещё с пивком покатит
источник

КС

Кирилл Спасибович... in Svelte [svelt]
а как сделать чтобы in следующего дождался out предидущего чето сложна
источник

A

Arushwl in Svelte [svelt]
источник

A

Arushwl in Svelte [svelt]
источник

МТ

Марк Танащук... in Svelte [svelt]
Небольшой оффтоп.

Мы с дизом воюем, как правильно говорить: "уменьш непрозрачность" или "увеличь прозрачность"

Аргументов c обоих сторон нет, подсобите пожалуйста 😅
источник

IP

Igor Pushkarskiy in Svelte [svelt]
Непрозрачность - нет вроде такого слова
источник

IP

Igor Pushkarskiy in Svelte [svelt]
😂
источник

МТ

Марк Танащук... in Svelte [svelt]
Igor Pushkarskiy
Непрозрачность - нет вроде такого слова
Opacity с английского - непрозрачность😉
источник

IP

Igor Pushkarskiy in Svelte [svelt]
Тогда так и говори уменьши opacity
источник

IP

Igor Pushkarskiy in Svelte [svelt]
источник

МТ

Марк Танащук... in Svelte [svelt]
Значит уменьшить непрозрачность?🤔
источник

МТ

Марк Танащук... in Svelte [svelt]
Или все таки сделать объект прозрачнее, увеличив прозрачность?...
источник

М

Максим in Svelte [svelt]
Марк Танащук
Или все таки сделать объект прозрачнее, увеличив прозрачность?...
Я бы ориентировался от начального состояния, т.е. уменьшить прозрачность, потому, что по дефолту непрозрачный.
источник

ВК

Вадим Казанцев... in Svelte [svelt]
@Arushwl Кирилл , спасибо, всё правильно работает, просто я сам неумный)
источник

ВК

Вадим Казанцев... in Svelte [svelt]
Кирилл предложенные тобой методы тоже работают и короче моего, спасибо
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Вадим Казанцев
Кирилл предложенные тобой методы тоже работают и короче моего, спасибо
👍
можно правда вот тут лучше сделать:
{#each folders.filter(f => f.id === folderId) as folder (folder)}
источник

JK

Jasin Ko in Svelte [svelt]
Марк Танащук
Небольшой оффтоп.

Мы с дизом воюем, как правильно говорить: "уменьш непрозрачность" или "увеличь прозрачность"

Аргументов c обоих сторон нет, подсобите пожалуйста 😅
Может быть "уменьшь прозрачность" ?)
источник