鸿蒙os学习（路由实现）_鸿蒙os企业路由

第一部分：

菜单栏的实现

export default [
    {
        img:'common/images/home.png',
        simg:'common/images/home (1).png',
        name:'首页'
    },
    {
        img:'common/images/hot.png',
        simg:'common/images/hot (1).png',
        name:'热点'
    },
    {
        img:'common/images/menu.png',
        simg:'common/images/menu (1).png',
        name:'社区'
    },
    {
        img:'common/images/me.png',
        simg:'common/images/me (1).png',
        name:'我'
    }
]

将页面显示与菜单栏绑定

.hml文件

<div class="container">
    <toolbar class="tabbar">
        <toolbar-item for="{
  {tabbarItems}}"
                      icon='{
  {$idx == index ? $item.simg : $item.img}}'
                      value='{
  {$item.name}}'