更新记录

1.1.4（2025-01-10） 下载此版本

更新说明

1.1.3（2025-01-09） 下载此版本

修复二级菜单显现隐藏的问题。

1.1.2（2024-12-17） 下载此版本

修复问题。

平台兼容性

uni-app

方便您的同时，请五星、收藏，让好的东西照亮更多深渊中负重前行的代码人。

创作不易，在您方便之际，赞赏作者，我们会更有动力继续下去。

简介

ljs-bottom-menu，通用底部菜单组件。

使用 uni_modules 安装（推荐）

使用 uni_modules 方式安装组件库，可以直接通过插件市场导入，通过右键菜单快速更新组件，不需要引用、注册，直接在页面中使用 ljs-bottom-menu组件。

主参数

data 对象数据结构

opts参数

插槽

快速应用

示例1

<ljs-bottom-menu
    :data="menus"
    :opts="{
        fontColor: '#CCC',
        fontActiveColor: '#1296db',
    }">
</ljs-bottom-menu>

export default {
    data() {
        return {
            menus: [
                {
                    title: '首页',
                    url: '/pages/ljs-bottom-menu/index',
                    icon: require('../assets/images/index.png'),
                    iconActive: require('../assets/images/index_active.png'),
                },
                {
                    title: '发布',
                    url: '/pages/publish/index',
                    icon: require('../assets/images/publish.png'),
                    iconActive: require('../assets/images/publish_active.png'),
                },
                {
                    title: '我的',
                    url: '/pages/my/index',
                    icon: require('../assets/images/my.png'),
                    iconActive: require('../assets/images/my_active.png'),
                },
            ]
        }
    }
}

贡献代码

龙九山。有任何问题，请在平台留言，在手头宽裕得情况下，我会尽快修复问题。