更新记录

1.0.0（2025-01-21） 下载此版本

1.0.0版本发布，只支持uniappx项目

平台兼容性

uni-app x

rice-floatBall 浮动气泡

可拖动的浮动气泡、悬浮按钮，支持自主吸附 x 轴或者 y 轴，可设置 自由移动、x 轴移动或者 y 轴移动，目前只支持 uniappx 项目的 app、h5、微信小程序。

目前只支持 uniappx项目！！！

props

Events

slots

代码示例

组件无需导入，模版中直接使用即可

<template>
    //右上角显示
    <rice-floatBall :offset="[-3,-3]">
        <template #default>右上角</template>
    </rice-floatBall>
    //拖动结束后吸附在x轴
    <rice-floatBall :offset="offset2" adsorption="x">
        <template #default>吸附x轴</template>
    </rice-floatBall>   
    //events事件
    <rice-floatBall :offset="offset" :gap="50" customStyle="border:1px solid red;" @offsetChange="offsetChange"  @click="handleClick">       </rice-floatBall>
</template>

<script setup>
    const offset = ref<number[]>([100, 200])
    const offset2 = ref<number[]>([24, 88])     
    function offsetChange(arr : number[]) {
        offset.value = arr
    }

    function handleClick(){
        console.log("click")
    }
</script>