我正在嘗試創建一個角形的小型小吃店，它將一個陣列作為輸入，并在將每個通知從堆疊中彈出并顯示下一個之前顯示幾秒鐘。
我想在這些通知之間進行不透明的過渡。
過渡屬性似乎不起作用
這是stackblitz鏈接
更多資訊：
- app 組件有一個按鈕，每次點擊都會生成 1 個通知
- 快餐欄組件顯示一個通知 3 秒，然后將其洗掉并切換到下一個。
- 小吃店容器實體化為 0 不透明度 ()
.snackbar {
opacity: 0;
transition: opacity 1s linear 2s;
}
并且.isVisible在 init 上提供了一個不透明的類
.visible {
opacity: 1;
transition: opacity 1s linear 2s;
}
由于某種原因，小吃店會立即以最大不透明度出現。另外，我不確定如何管理通知之間的淡出/淡入，有什么建議嗎？
uj5u.com熱心網友回復：
您在*ngIf小吃欄組件上使用，這就是 CSS 轉換不起作用的原因。
請參閱此問題以使用角度 BrowserAnimationsModule。當您通過 BrowserAnimations 模塊制作影片時，還有淡入/淡出效果選項。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/485625.html