更新记录

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

平台兼容性

mrsong-fab