第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue動畫,transition標(biāo)簽的 mode="out-in" 屬性不起作用?

vue動畫,transition標(biāo)簽的 mode="out-in" 屬性不起作用?

九州編程 2019-05-23 18:50:04
用vue自帶的動畫實(shí)現(xiàn)了淡入淡出的效果,但是transition屬性mode="out-in"不起作用,導(dǎo)致動畫消失和顯示出現(xiàn)了重疊,我希望動畫消失和顯示之間有一定的事件間隔,問題出在哪兒呢?animation1111animation2222css如下://消失時間持續(xù)3s.fade-enter-active{transition:all3s;}//顯示時間持續(xù)1.5s.fade-leave-active{transition:all1.5s;}.fade-enter,.fade-leave-active{opacity:0;}改成如下方式也無效://transition添加屬性duration//css對應(yīng)修改為.fade-enter-active{transition-property:all;}.fade-leave-active{transition-property:all;}.fade-enter,.fade-leave-active{opacity:0;}
查看完整描述

2 回答

?
偶然的你

TA貢獻(xiàn)1841條經(jīng)驗(yàn) 獲得超3個贊

在顯示動畫中,加上動畫延時,這樣就不會出現(xiàn)同步和重疊的情況,但這樣會有一種情況就是初始化的時候會慢,如果想要解決,還可以初始化后給他們加上一個class,然后.fade-enter-active.xxxx兩個class都有就加上動畫延時,transtion-delay,就能解決
                            
查看完整回答
反對 回復(fù) 2019-05-23
?
米脂

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個贊

.fade-enter-active{
transition:all1.5s;
transition-delay:2s;
}
.fade-leave-active{
transition:all2.5s;
}
.fade-enter,.fade-leave-active{
opacity:0;
}
這樣可以了,但是為什么transition標(biāo)簽屬性mode="out-in"為什么不起作用呢?
                            
查看完整回答
反對 回復(fù) 2019-05-23
  • 2 回答
  • 0 關(guān)注
  • 6610 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號