平台兼容性

NavBar 导航栏

导航栏组件，组件名：cmd-nav-bar，代码块： cmdNavBar。

使用方式：

在 script 中引用组件

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

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

.body{
    /*距离顶部范围应该在88-95范围内*/
    padding-top: 90upx;
    top: var(--status-bar-height);
}

<cmd-nav-bar :fixed="false" back left-text="Back" title="场景管理" iconTwo="settings" font-color="#fff" background-color="linear-gradient(to right, rgb(17, 153, 142), rgb(56, 239, 125))"></cmd-nav-bar>
<cmd-nav-bar :fixed="false" leftTitle="HELLO" iconTwo="add"></cmd-nav-bar>
<cmd-nav-bar :fixed="false" right-color="#2196f3" right-text="添加场景" back title="场景管理"></cmd-nav-bar>
<cmd-nav-bar iconOne="menu" title="基本" iconTwo="share" iconThree="reload" iconFour="help"></cmd-nav-bar>

属性说明：

事件说明：