更新记录

1.0.0（2025-03-06） 下载此版本

发布

平台兼容性

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

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

简介

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

使用 uni_modules 安装（推荐）

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

主参数

data 对象数据结构

opts参数

插槽

快速应用

示例1

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

export default {
    data() {
        return {
            menus: [
                {
                    title: '首页',
                    url: '/pages/ljs-bottom-menu-vue3/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'),
                },
            ]
        }
    }
}

贡献代码

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