更新记录

0.0.3（2022-10-02）

优化小程序内拖动流畅度

0.0.2（2022-10-02）

新增吸附，移动

0.0.1（2022-10-01）

根据某大佬，修改后的悬浮按钮，目前测试过H5，头条，微信，

平台兼容性

menu

根据某大佬，二次修改后的悬浮按钮，目前测试过H5，头条，微信，业余前端，代码写的很烂，可能有BUG，自行修改。 代码逻辑很简单，多看两遍就懂了

API

Properties

List

Usage

menuList:[
                    {
                        'icon':'home',
                        // 'url':'/pages/index/index',
                        // 'label':'首页',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'person',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'email',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'phone',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'upload',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'headphones',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'camera',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'weixin',
                        'size':35,
                        'selected':false
                    },
                    ]

Demo

<template>
    <view class="content">
        <Vmenu :list="menuList"></Vmenu>
    </view>
</template>

<script>
    import Vmenu from '@/components/menu/menu.vue'
    export default {
        components: {
            Vmenu
        },
        data() {
            return {
                menuList:[
                    {
                        'icon':'home',
                        // 'url':'/pages/index/index',
                        // 'label':'首页',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'person',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'email',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'phone',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'upload',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'headphones',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'camera',
                        'size':35,
                        'selected':false
                    },
                    {
                        'icon':'weixin',
                        'size':35,
                        'selected':false
                    },
                    ]
            }
        }

    }
</script>