前言
在小程序中,用户与界面进行交互时,有一些用户反馈提示,例如:触发某个按钮,从底部弹出框,从顶部弹出等
如今,有一些现成的 UI 库,虽然已经实现了的,但若只是为了实现一个底部弹出框或者自定义提示框...怎么手动原生方式去实现呢,最主要的是怎么去实现动画
css3 实现动画
如下是wxml代码
弹出底部弹出框
弹出顶部提示框
弹出顶部提示框
<view
wx:if="{{isBottom}}"
style="position: absolute;width...this.setData({
animationData: animation.export(),
});
}, 200);
},
// 点击遮罩层隐藏<em>弹</em><em>框</em>