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

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

效果展示:

前置准备:

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

具体步骤:

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

步骤分解:

添加菜单控制器

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

配置组件切换器触发器

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

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

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

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

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

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

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

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

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

这样就就可以实现使用菜单控制器控制两个组件切换的功能了。
官网链接:https://www.towify.com/#/

你可能感兴趣的:(微信小程序无代码开发平台)