浮动气泡

可拖动的浮动气泡、浮动按钮组件。

属性

名称	类型	默认值	说明
hoverClass	String	pure-hover	指定按下去的样式类
width	String	50px	宽度
height	String	50px	高度
iconName	String	__shouye_4	图标名称
text	String	-	文本
disabled	Boolean	false	禁用状态
left	String	auto	左侧距离
right	String	10px	右侧距离
top	String	auto	顶部距离
bottom	String	25%	底部距离
direction	String	all	[参考] 移动方向
inertia	Boolean	false	[参考] 是否带有惯性
outOfBounds	Boolean	false	[参考] 超过可移动区域后，是否还可以移动
damping	Number	20	[参考] 阻尼系数
friction	Number	2	[参考] 摩擦系数
scale	Boolean	false	[参考] 是否支持双指缩放
scaleMin	Number	1	[参考] 最小缩放比例
scaleMax	Number	3	[参考] 最大缩放比例
scaleValue	Number	1	[参考] 缩放比例
animation	Boolean	false	[参考] 是否使用动画
scaleArea	Boolean	false	[参考] 整个区域是否可缩放
radius	String	50%	圆角大小
borderRadius	String	50%	圆角大小
background	String	var(--pure-theme-primary)	背景
shadow	String	0 10px 20px rgba(0, 0, 0, 0.25)	阴影
boxShadow	String	0 10px 20px rgba(0, 0, 0, 0.25)	阴影
color	String	#fff	字体颜色
fontSize	String	-	字体大小
gap	String	3px	图标和文字之间的距离
border	String	-	边框整体样式
borderWidth	String	0	边框宽度
borderStyle	String	solid	边框样式
borderColor	String	-	边框颜色
iconSize	String	22px	图标大小
iconColor	String	-	图标颜色
textFontSize	String	14px	文字字体大小
textColor	String	-	文字颜色

事件

名称	参数	说明
@onClick	-	点击事件
@onChange	event	[参考] 拖动过程中触发的事件
@onScale	event	[参考] 缩放过程中触发的事件

插槽

名称	参数	说明
#default	-	默认，内容