移动端悬浮按钮

2022-09-28  本文已影响0人  forever_bin

分享一个uniapp中的悬浮按钮,移动端开发有时候会遇到悬浮按钮的使用,它可以定位不同位置也可以配置展开菜单,菜单还可以插入图片,菜单方向也可以设置,点击事件的触发等功能还是很全的

<template>
    <view>
        <uni-fab
            :pattern="pattern"
            :content="content"
            :horizontal="horizontal"
            :vertical="vertical"
            :direction="direction"
            @trigger="trigger"
        ></uni-fab>
    </view>
</template>

2022-09-29_090827.png 2022-09-29_090837.png 2022-09-29_090852.png 2022-09-29_090929.png

详细参数配置请参考官网https://uniapp.dcloud.net.cn/component/uniui/uni-fab.html#%E4%BB%8B%E7%BB%8D

上一篇 下一篇

猜你喜欢

热点阅读