首页 > 编程语言 >如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?

如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?

时间:2022-12-12 10:01:48浏览次数:47  
标签:触发器 菜单 配置 控制器 切换器 Towify 组件

在某些使用场景下,你需要在菜单选项栏进行组件切换,例如底部导航栏、新手引导等场景。这时你可以使用 菜单控制器组件切换器 配合来实现这一目的。

效果展示:

如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?_无代码

前置准备:

  • 一个链接好两个组件的 组件切换器(下文简称“ 组件切换器 ”)

具体步骤:

  • 添加 菜单控制器
  • 配置 组件切换器触发器
  • 配置 菜单控制器 选项一 触发器
  • 配置 菜单控制器 选项二 触发器

步骤分解:

添加菜单控制器

  • 选中 菜单控制器
  • 配置 菜单控制器
  • 配置 菜单控制器 样式

如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?_无代码_02

如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?_微信小程序_03

配置组件切换器触发器

  • 选中 组件切换器
  • 创建切换 触发器
  • 配置 触发器
  • 同样方式配置另一个 触发器

如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?_微信小程序_04

如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?_微信小程序_05

配置菜单控制器选项一触发器

  • 选中第一个 Tab item 组件
  • 创建 触发器
  • 配置 触发器

如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?_微信小程序_06

配置菜单控制器选项二触发器

  • 选中第二个 Tab item 组件
  • 创建 触发器
  • 配置 触发器

如何使用 Towify 在小程序里实现使用菜单控制器控制两个组件切换?_微信小程序_07

这样就就可以实现使用菜单控制器控制两个组件切换的功能了。

标签:触发器,菜单,配置,控制器,切换器,Towify,组件
From: https://blog.51cto.com/u_15860117/5929097

相关文章