写点什么

如何使用滑块实现切换图片功能?

作者:Towify
  • 2023-01-13
    北京
  • 本文字数:260 字

    阅读完需:约 1 分钟

效果展示:



前置准备:

  • 链接好四张图片的 组件切换器

具体步骤:

  • 添加 滑块 组件

  • 创建 组件切换器 触发器

  • 创建执行其他 触发器

  • 创建值改变 触发器

步骤分解:

  1. 添加滑块组件

  2. 添加 滑块 组件

  3. 配置滑块参数



  • 创建组件切换器触发器

  • 选中组件切换器

  • 创建切换头像 1 触发器

  • 配置 触发器

  • 同样的方式配置其他 触发器




  • 选中 滑块 组件

  • 创建执行其他 触发器

  • 配置 触发器

  • 同样的方式配置其他 触发器




  • 选中 滑块 组件

  • 创建值改变 触发器

  • 配置 触发器



作者:TOWIFY

链接:https://juejin.cn/post/7156799265505820686

来源:稀土掘金

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

用户头像

Towify

关注

还未添加个人签名 2022-11-02 加入

还未添加个人简介

评论

发布
暂无评论
如何使用滑块实现切换图片功能?_Towify_InfoQ写作社区