uni-app - 全端兼容 Steps 步骤条组件（支持绑定点击事件、颠倒文字位置、自定义样式）解决 uview 组件库的 Steps 步骤条无法绑定点击事件且不兼容微信小程序，详细教程组件插件源码_uni-steps可点击

作者：我家自动化 | 2024-06-21 00:37:05

踩

uni-steps可点击

uview 组件库，Steps 步骤条组件不兼容微信小程序，而且无法为每个 “步骤阶段” 绑定点击事件，图标也有白色背景块极其难用。

本文实现了 uniapp全平台兼容（h5网页 / 支付宝微信小程序 / 安卓苹果app / nvue 等平台）的步骤组件，支持绑定点击事件、自定义样式、显示的文字可在步骤条上方或下方，

支持 uniapp v2 / v3 版本，您只需要一键复制（提供了详细的注释），几分钟便可快速移植到您的项目中去，无任何第三方依赖！

如下图所示，可搭配有色背景（或纯白背景）漂亮显示，可灵活更改字体、颜色、位置等样式：

示例代码干净整洁，无任何乱七八糟的样式

在这里插入图片描述

如果您

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/741412