查看: 3096|回复: 4

mini.open可以设置动画效果吗 [复制链接]

Rank: 2

电梯直达

楼主

发表于 2022-8-4 17:27:15 |只看该作者 |倒序浏览

例如从下往上弹出

Rank: 2

沙发

发表于 2022-8-4 17:42:16 |只看该作者

win.showAtPos("center","bottom");
只能设置显示的位置。我想增加个动画效果。例如jq的 slideDown(100)

Rank: 8 Rank: 8

板凳

发表于 2022-8-5 09:03:56 |只看该作者

aa850062467 发表于 2022-8-4 17:42
win.showAtPos("center","bottom");
只能设置显示的位置。我想增加个动画效果。例如jq的 slideDown(100) ...

目前不支持动画效果

Rank: 2

地板

发表于 2022-8-8 09:58:26 |只看该作者

felt 发表于 2022-8-5 09:03
目前不支持动画效果

好吧，我换div去实现吧。谢谢

Rank: 2

5^#

发表于 2022-12-3 14:35:32 |只看该作者

本帖最后由 czh0221 于 2022-12-3 15:07 编辑

aa850062467 发表于 2022-8-8 09:58
好吧，我换div去实现吧。谢谢

如果仅仅是打开时的动画效果，大概有一个调整的方向，可以mini.open({cls:"ec-fade-in"}); Css 动画。也可由左，由右等相应的进入动画效果。
但是关闭时由于div 元素结构的问题，没有办法使用CSS动画效果。

@keyframes fade-in { 0% { opacity: 0.2; } 50% { opacity: 0.5; } 100% { opacity: 1; }}
@-webkit-keyframes fade-in { 0% { opacity: 0.2; } 50% { opacity: 0.5; } 100% { opacity: 1; } }
.ec-fade-in {
animation: fade-in;
animation-duration: 0.5s;
-webkit-animation: fade-in 1s;
}

复制代码

		自动登录	找回密码
密码			立即注册