微信小程序浮动按钮组件
微信小程序的浮动按钮组件，确实挺实用的，尤其在需要一个又不打扰用户的操作入口时，比如发布、收藏、添加这些功能。
浮动按钮的结构也比较清晰，用了微信小程序的wxml和wxss重构了 UI，响应也快，样式也规整。事件部分也换成了微信原生支持的写法，像@tap那种就改成了bindtap，这样才能在小程序里跑得通。
动画方面也没落下，想实现那种点击展开多个功能按钮的效果，用wx.createAnimation就能搞定，平滑还不闪，交互感也不错。你要是用 uni-app 熟点，那这个组件上手基本没门槛。
开发时注意下data和wx:if这些指令就行，比如你想条件渲染一个按钮，直接wx:if="isVisible"就好，控制起来挺灵活的。
还有个建议，调试最好在微信开发者工具里反复跑一跑，毕竟不同机型和系统上有时候会有点小差异。等没啥大问题了，再集成进主项目里就稳妥多了。
如果你现在做的是那种偏操作型的小程序，比如电商、社交、工具类的，加个 FAB 会让体验提升一截，点操作的时候也更直观。
文件大小：2.92KB
评论区