CubicBezier 贝塞尔曲线

点击目标元素时，播放飞向指定屏幕位置的曲线动画。

支持平台

以下为官网文档所列的平台支持情况，具体功能及版本限制请参见本页的平台说明。

App-vue	App-nvue	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序	H5	PC	快手小程序	钉钉小程序
✓	✓	✓	✓	✓	✓	✓	✓	✓	✓	✓

基础用法

<!-- 点击后播放飞向左下角的动画 -->
<fui-cubic-bezier direction="lb">
  <button>添加</button>
  <template #badge>
    <text>●</text>
  </template>
</fui-cubic-bezier>

属性

目标位置的距离单位为 rpx。

属性	类型	说明	官网默认值
direction	String	终点方向：rt 右上、rb 右下、lb 左下、lt 左上	lb
top	Number / String	上方终点距屏幕顶部距离	100
bottom	Number / String	下方终点距屏幕底部距离	100
left	Number / String	左侧终点距屏幕左侧距离	60
right	Number / String	右侧终点距屏幕右侧距离	60
navbar	Boolean	是否使用原生导航栏，仅 nvue 有效	true
param	Number / String	点击事件携带的参数	0

事件

事件	说明	回调参数
click	点击目标元素时触发	{ param }

插槽

插槽	说明
default	触发动画的目标元素
badge	沿曲线运动的元素