更新记录

v0.0.1（2026-01-11） 下载此版本

版本1

平台兼容性

uni-app(4.12)

Vue2 Vue2插件版本 Vue3 Vue2插件版本 Chrome Chrome插件版本 Safari app-vue app-nvue Android iOS 鸿蒙
√ v0.0.1 √ v0.0.1 chrome、edge v0.0.1 - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

参数列表

Prop参数名 类型 描述
targetRect Object 目标位置，格式为 { left, top, height }
bgColor String 小球颜色，默认 #ff9900
offset Object 点击部位偏移量(小球起始位置)，格式为 { x, y }

使用示例

1.父组件

<!-- 购物车动画 -->
<fly-in-cart ref="flyRef" :targetRect="targetRect" bgColor="#EF4444" :offset="{ x: -15, y: 17 }"></fly-in-cart>
/* 初始化动画目标位置 */
const targetRect = ref({});
function initTargetRect() {
 uni
 .createSelectorQuery()
 .select('#price-tg')
 .boundingClientRect((rect) => {
    targetRect.value = rect;
 })
 .exec();
}

/* 调用动画方法 e:事件对象 item.id:当前商品唯一id */
flyRef.value.addToCart(e, item.id);

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。