前言
如果需要 Vue 版本的锚点定位功能,请访问:Vue / Nuxt - 锚点功能开发。
本文实现了 uniapp H5网页 / 支付宝微信小程序 / 安卓苹果App / nvue 等全平台的锚点定位功能组件,搭配选项卡进行点击与 “经过” 联动效果,
支持 uniapp v2 / v3 版本,您可以直接一键复制组件源码,参考示例代码运行起来稍微改改就能用了,
如下图所示,您只需要设置好锚点、选项卡配置,然后插槽(Slot)传入你的全部 DOM 即可,
另外你可以随意更改组件源码,比如选项卡样式不满意想改一改等。
示例代码干净整洁,无任何乱七八糟的无关代码
组件源码
位置无所谓,后面确保引入路径正确即可。