uniapp|微信小程序实现悬浮按钮单双击

最新推荐文章于 2024-10-10 11:24:04 发布

中原猪精

最新推荐文章于 2024-10-10 11:24:04 发布

阅读量1.5k

点赞数

分类专栏： vue_study 文章标签：小程序 javascript vue.js

本文链接：https://blog.csdn.net/qq_42257997/article/details/108795648

版权

本文介绍了如何在uniapp和微信小程序中实现悬浮按钮的单双击功能。通过设置`touchStartTime`记录点击次数，判断余数来区分单击和双击，以此控制菜单栏的展开与收起，同时实现图表位置的动态调整。

摘要由CSDN通过智能技术生成

需求：点击悬浮按钮，菜单栏出来时，图表右移，再次点击菜单栏收回，图表回原位

设置unifab的单双击，实现思路，定义“touchStartTime：0”为点击次数，点击一次加1，判断touchStartTime余2，值为1为单击，值为0为双击

html代码

<view class="segment">
            <uni-fab
               :pattern="pattern"
               :content="content"
               :horizontal="horizontal"
               :vertical="vertical"
               :direction="direction"
               @trigger="trigger"
               @fabClick="styleChang(touchStartTime)"
            >
            <

最低0.47元/天解锁文章