更新记录

1.0.0（2023-05-26） 下载此版本

底部菜单

平台兼容性

popup-menu 底部弹出菜单

组件名：h-popup-menu 代码块： <h-popup-menu></h-popup-menu> 关联组件：uni-popup。

属性说明

list说明

示例

<template>
    <view>
        <h-popup-menu ref="popupMenu" @close="close" :list="list"></h-popup-menu>
    </view>
</template>
<script>
    export default {
        data() {
            return {
                list:[{
                        lable: '开销售单',
                        icon: '/static/images/kxsd.png',
                        url: '/pages/workbench/drawBillv2/drawBill_sale'
                    },
                    {
                        lable: '开服务单',
                        icon: '/static/images/kfwd.png',
                        url: '/pages/workbench/reserve/reserve'
                    }, {
                        lable: '快速收银',
                        icon: '/static/images/kssk.png',
                        url: '/pages/workbench/cashier/index'
                    },
                    {
                        lable: '发帖子',
                        icon: '/static/images/ftz.png',
                        url: '/pagesA/publish_posts/publish_posts'
                    }
                ]
            }
        },
        onReady() {
            //打开菜单
            this.$refs.popupMenu.open()
        },
        methods: {
            close(){
                console.log('菜单被关闭了')
            }
        }
    }
</script>