更新记录
1.0.0(2024-07-08) 下载此版本
第一版上传,插件完整可使用
平台兼容性
HbuilderX/cli最低兼容版本 |
---|
3.1.0 |
uni-app
Vue2 | Vue3 |
---|---|
√ | ? |
app-vue | app-nvue | app-android | app-ios |
---|---|---|---|
? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
页面拖拽插件
此插件为页面拖拽组件,将一个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轴坐标 |