如何使用滑块实现切换图片功能?
效果展示:

前置准备:
链接好四张图片的 组件切换器
具体步骤:
添加 滑块 组件
创建 组件切换器 触发器
创建执行其他 触发器
创建值改变 触发器
步骤分解:
添加滑块组件
添加 滑块 组件
配置滑块参数

创建组件切换器触发器
选中组件切换器
创建切换头像 1 触发器
配置 触发器
同样的方式配置其他 触发器


选中 滑块 组件
创建执行其他 触发器
配置 触发器
同样的方式配置其他 触发器


选中 滑块 组件
创建值改变 触发器
配置 触发器

作者:TOWIFY
链接:https://juejin.cn/post/7156799265505820686
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
评论