更新记录
1.0.0(2024-07-08) 下载此版本
第一版上传,插件完整可使用
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | √ | √ | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
页面拖拽插件
此插件为页面拖拽组件,将一个icon图标在页面中进行悬浮,组件支持拖拽摆动,具体效果可查看效果图
兼容app端、小程序端等...
-
引入组件
import feiDragItem from "./fei-drag-item.vue";
-
注册组件
2-1. 在单个页面中加载使用
components:{ feiDragItem }
2-2. 全局挂载使用
// main.js中全局挂载,然后在项目中全局可使用 import Vue from 'vue' import feiDragItem from "@/components/fei-drag-item.vue";//注意组件路径 Vue.component("fei-drag-item",feiDragItem)
-
使用
<fei-drag-item :x="300" :y="520"></fei-drag-item>
-
传参使用
参数名 | 类型 | 默认 | 说明 |
---|---|---|---|
x | String,Number | 320 | 组件在页面中的x轴坐标 |
y | String,Number | 500 | 组件在页面中的x轴坐标 |