更新记录
1.0.0.2(2025-12-25) 下载此版本
解决已知问题
1.0.0.1(2025-12-25) 下载此版本
master
1.0.0(2025-12-24) 下载此版本
x
查看更多平台兼容性
uni-app(4.13)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | - | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
安装
在市场导入xf-floating-bubbleuni_modules版本的即可,无需import
组件关联说明
在市场导入**xf-scss辅助样式; xf-ts辅助样式; xf-static辅助样式
代码演示
插件使用
- 位于 uni_modules/xf-floating-bubble/components/xf-floating-bubble
- 导入插件后直接使用
<xf-floating-bubble />
基本用法
- 使用组件代码如下:
<xf-floating-bubble @bubbleClick="didClick">
<template #page>
<scroll-view class="list xf-full-width xf-full-height" scroll-y>
<view class="item" v-for="item in 10" :key="item">
列表1{{item}}
</view>
</scroll-view>
</template>
<template #icon>
<image class="xf-full-width xf-full-height" src="/package_xf/components/xf-map/static/go-back.png"></image>
</template>
</xf-floating-bubble>
API
事件 Emits
| 事件名 | 说明 | 返回值 |
|---|---|---|
| bubbleClick | 点击浮动按钮获取的事件 |
插槽 slot
| 名称 | 说明 | 返回值 |
|---|---|---|
| icon | 自定义修改浮动按钮 | |
| page | 当前页面内容 |

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 301
赞赏 0
下载 11210548
赞赏 1858
赞赏
京公网安备:11010802035340号