更新记录
1.0.3(2023-06-02)
下载此版本
悬浮窗按钮,可拖拽吸边
1.0.2(2023-05-24)
下载此版本
解决了nvue的拖拽问题
1.0.1(2023-05-02)
下载此版本
修改拖拽
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
× |
× |
× |
√ |
× |
× |
× |
× |
如使用过程中有问题或有一些好的建议,欢迎qq联系:382766756
觉得有用的话,给个好评呀,蟹蟹。
使用方式
<template>
<view>
<xz-xuanfu :logoImg="logoImg" :imgList="imgList" :imgAngle="imgAngle" @iconClick="xzClick"></xz-xuanfu>
</view>
</template>
<script>
export default {
data() {
return {
logoImg:"../../static/logo.png", //悬浮按钮图片
imgList:[
"../../static/logo.png",
"../../static/logo.png",
"../../static/logo.png",
"../../static/logo.png",
"../../static/logo.png"
], // 菜单图片
imgAngle:180, // 悬浮按钮旋转数值
}
},
methods: {
xzClick(e){
// 点击菜单回调事件 在此事件中操作其他
console.log(e);
},
}
}
</script>
<style>
</style>
属性说明
名称 |
类型 |
默认值 |
描述 |
logoImg |
String |
../../static/logo.png |
悬浮按钮图片 |
imgList |
Array |
["../../static/logo.png"] |
菜单图片 |
imgAngle |
Number |
180 |
悬浮按钮旋转数值 |
事件说明
事件名 |
说明 |
返回值 |
@xzClick |
点击按钮事件 |
Number |