FloatingBubble 浮动气泡
文档: https://vant-contrib.gitee.io/vant/#/zh-CN/floating-bubble
一个脱离文档流的按钮, 在页面的两侧停靠(吸附).
基本用法:
<van-floating-bubble icon="..." @click="..."></van-floating-bubble>
说明:
- 使用
icon属性 (字符串) 来设置吸附气泡 图标. - 点击后触发
click事件. - 设置
axis="xy"表示允许在x和y轴方向拖拽. magnetic="x"表示吸附到x轴最近的一边.v-model:offset来对xy轴进行绑定. 绑定数据类型为{x:number, y: number}