更新记录
1.0.0(2024-07-08) 下载此版本
第一版上传,插件完整可使用
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue | × | √ | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
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轴坐标 |