微信小程序之自定义模态d窗（带动画）实例

首先看看官方提供的模态d窗

api如下：

示例：

这样的模态d窗，充其量只能做个alert，提示一下信息。

但是并不能使用它来处理复杂性的d窗业务，因此写了Michael从新自定义了一个，采用了仿原生的样式写法

wxml：

wxss：

js:

相关连接： >

Towify 中的动画可以为组件设置多种动画效果，快来1秒Get如何配置！

效果展示

使用动画效果中的旋转动画，同时配置触发器行为：执行其它动画。实现点击播放动画的效果。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中音频组件

点击检查面板中的触发器

创建一个触发行为:执行其它动画的触发器

注意：在……时是一种监听行为的触发时机，在当前案例中，使用了监听音频的状态。

选中音频组件

点击检查面板中的触发器

创建触发行为:在……时的触发器

注意：激活有两种状态，分别为激活和非激活，激活对应了样式中的Selected状态，而非激活对应了样式中的Default状态

选中音频组件

点击检查面板中的触发器

创建触发行为:激活的触发器

这样就可以配置旋转动画了。

以上就是关于微信小程序之自定义模态d窗（带动画）实例全部的内容，包括:微信小程序之自定义模态d窗（带动画）实例、小程序Swiper做Tab切换，带tab切换动画、使用Towify制作微信小程序时，如何配置旋转动画等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！