更新记录
1.0(2024-08-22)
下载此版本
自己写的悬浮球组件,带气泡,点击气泡和悬浮球可分别触发点击方法
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
√ |
× |
× |
× |
× |
<template>
<view>
<floatingBall :bubbleText="bubbleText" :ballSize="ballSize" :showBubble='showBubble' :maxBubbleWidth="maxBubbleWidth" :bubbleTop="bubbleTop" :isNavbarCustom="isNavbarCustom" @onBubbleClick="onBubbleClick" @onBallClick="onBallClick"></floatingBall>
</view>
</template>
<script>
export default {
data() {
return {
bubbleText:'你好,很高兴你能使用可拖拽悬浮球,点击气泡可隐藏,点击悬浮球可跳转页面',
showBubble:true,
ballSize:50,
maxBubbleWidth:130,
bubbleTop:10,
isNavbarCustom:false
}
},
onLoad() {
},
methods: {
onBubbleClick(){
this.showBubble = false
},
onBallClick(){
console.log("点击悬浮球跳转页面!");
}
}
}
</script>
<style>
</style>