热门标签
热门文章
- 1模拟器App抓包 - 证书双向验证绕过手段_安卓双向证书 抓包
- 2ubuntu中python版本切换_ubuntu20 python3.10 切换3.6
- 3VIS2020 长论文摘要机翻_uncertainty-oriented ensemble data visualization a
- 4【Docker】解决访问难题：搭建私有的Docker镜像代理_docker 镜像代理
- 5【数据结构（邓俊辉）学习笔记】图01——图的表示与实现_邓俊辉数据结构
- 6世界芯中国芯RISC-V相关资源及进展_国芯科技芯片用什么编译软件
- 7Vector | Graph：蚂蚁首个开源 Graph RAG 框架设计解读_ai 知识图谱 开源
- 8【Jetpack】学穿：ViewBinding → 视图绑定_viewbinding { enabled = false (3)_android jetpack viewbinding
- 9【资料总结系列】机器人仿真——gazebo资料总结_gazebo资源
- 10推动卓越创新：了解 4 种研发团队架构如何优化您的组织_优化研发团队
当前位置: article > 正文
微信小程序 -- 右下角的悬浮效果，实现刷新功能（可拖拽）_微信小程序 悬浮按钮
作者：我家自动化 | 2024-08-23 07:00:50
赞
踩
微信小程序 悬浮按钮
如下效果图，右下角有个绿色背景的刷新按钮，这个按钮是悬浮着，可拖拽。这个悬浮效果，我只举例刷新的功能，当然也可以做回到顶部等类似的功能。
第一个截图是初始页面加载完的效果，第二个截图是拖拽后的效果，第三个截图是点击3次刷新按钮后的效果。
一.封装组件
创建一个组件"movableView"，用于实现刷新功能
1.movableView.wxml内容
movable-area组件：是movable-view的可移动区域，必须需设置width,height。这里x,y的值，是在js中获取使用设备的windowWidth、windowHeight，具体后面再讲。
movable
推荐阅读
相关标签
