请问如何在小程序里实现引导页面跳转设置啊?

请问如何在小程序里实现引导页面跳转设置啊?,第1张

效果展示

通过使用触发器中的跳转界面实现一个引导页的页面跳转。

添加界面

点击左侧导航栏的图层。

点击加号创建如下界面。

触发器配置

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

选中按钮组兄乱件。冲御

点击检查面板中的触发器。

创建触发器。

选中按钮组件。

点击检散尘岩查面板中的触发器。

创建触发器。

这样就可以实现一个引导页的页面跳转了。

之前我也一直安利过这个制作小程序的工具,现在来跟大家讨论一下 Towify 的一些很奈斯的功能哦~

这次是要讨论一下,在设计小程序的时候,要如何实现页面间的跳转。那么我们就来看看在 Towify 里如何 *** 作才能实现这一功能吧~

如果想要设置跳转界面,首先你得先准备好一个跳转前的界面1,还有一个跳转后的界面2。然后还有一个需要触发界面跳转的组件。准备好了之后,需要按照以下两个步骤来: 宏搜

第一步,创建触发器:选中界面1,接着再选中触发组件,然后点击检查器面板的触发器图标粗谈,最后要创建触发器。 

第二步,配置触发器:触发时机选择“点击”,触发行为选择“界面跳转”,触发跳转选择“跳转指定界面”,设置跳转界面选择“界面2”,过渡方式选择“推入”(或其他你喜欢的方式)蔽凳历。 

完成以上两步,你就可以成功设置好跳转界面啦。很简单的两个步骤就能实现跳转页面的功能啦,感兴趣的大家快去试试吧!

url 属性 (表示要跳转的页面地址,必须以 / 开头)

open-type (表示跳转的方式,必须为仔如 switchTab )

url 属性 (表示要跳转的页面地址,必须以 / 开头)

open-type (表示跳转的方式,必须为 navigate )

非tabBar页面 跳转时,open-type 也可以省略

open-type 属性值为: navigateBack

结合 delta 属性:表示后退念闹启的层级,默认是 1 ,1时该属性可弯兆省略不写

调用 wx.switchTab (object object ) 方法,其中 object 参数对象的属性列表如下

调用**wx.navigateTo ( object object )方法,其中 object 参数对象的属性列表,如下

调用wx.navigateBack(object object ) 方法,可以返回上一页面或多级页面,其中object 参数可选的,属性列表 如下


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12568860.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存