平台兼容性

BottomNav 底部导航栏

底部导航栏组件，组件名：cmd-bottom-nav，代码块： cmdBottomNav。

使用方式：

在 script 中引用组件

import cmdBottomNav from "@/components/cmd-bottom-nav/cmd-bottom-nav.vue"
export default {
    components: {cmdBottomNav}
}

用法：
底部导航浮动上层，避免上拉后下方内容覆盖需要加样式

.body{
    /*距离顶部范围应该在118-122范围内*/
    padding-bottom: 118upx;
}

<cmd-bottom-nav></cmd-bottom-nav>
<cmd-bottom-nav background-color="linear-gradient(to right, rgb(17, 153, 142), rgb(56, 239, 125))" :current="current" :list="list" text-auto></cmd-bottom-nav>
<cmd-bottom-nav :current="current" :list="list" border-color="red" background-color="#795548" font-color="#fff" active-font-color="rgb(255, 106, 68)"></cmd-bottom-nav>

current: 0,
list:[{
    "pagePath": "/pages/tabbar/home/home",
    "text": "首页", 
    // 字体图标不可与图片共显
    "icon": "home",
    // src 大小限制为40kb，建议尺寸为 81px * 81px
    "src": "../../static/iocn-tabbar/home.png",
    "srcSelect": "../../static/iocn-tabbar/homeHL.png"
}]

属性说明：

事件说明：