更新记录

1.0.1(2023-11-16) 下载此版本

图例

1.0.0(2023-11-14) 下载此版本

用法

<template>
    <view class="content">
        <mrsong-fab ref="fabBtn" @getDetail='getDetail' />
    </view>
</template>
import mrsongFab from '@/uni_modules/mrsong-fab/components/mrsong-fab/mrsong-fab.vue';
export default {
    components: {
        mrsongFab
    },
    data() {
        return {};
    },
    methods:{
        getDetail(e){
            console.log('<<<<yyds>>>>>', e);
        }
    }
};

props说明

props: {
    // 微信客服
    contact: {
        default: true,
        type: Boolean
    },
    // left(定位左边),right(定位右边),all(整个窗口),none(无法移动)
    range: {
        default: 'all',
        type: String
    },
    // 文字展示
    title: {
        default: '',
        type: String
    },
    // 路由跳转
    backUrl: '',
    // 按钮距离窗口底部最大距离(单位:px)
    bottomMax: {
        default: 0,
        type: Number
    },
    // 图片高度
    width: {
        default: 120,
        type: Number
    },
    // 图片宽度
    height: {
        default: 120,
        type: Number
    },
    // 按钮图标
    ico: {
        default: 'https://gitee.com/songjun520/static/raw/master/wx/customer.png',
        type: String
    },
    // 按钮距离窗口底部最小距离(单位:px)
    bottomMin: {
        default: 0,
        type: Number
    },
    // bottom初始位置
    bottom: {
        default: 10,
        type: Number
    },
    // left初始位置
    left: {
        default: 750,
        type: Number
    },
    // 是否展示
    iShow: {
        default: true,
        type: Boolean
    }
}

s


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue app-nvue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

mrsong-fab

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问