01.基础用法


<ui>
    <linear gravity="center" h="max" padding="30" w="max">
        <appbar back="true" bg="#F1F0FA" id="mToolbar" subTitle="可设置多级子菜单" title="子菜单"
                w="max">
            <menu>
                <item text="菜单1"/>
                <item text="菜单2"/>
                <item text="菜单3">
                    <item text="菜单3-1"/>
                    <item text="菜单3-2">
                        <item text="菜单3-2-1"/>
                        <item text="菜单3-2-2"/>
                        <item text="菜单3-2-3"/>
                    </item>
                    <item text="菜单3-3"/>
                </item>
            </menu>
        </appbar>
    </linear>
</ui>

//找到标题栏
let toolbar = ui.id("mToolbar");

//设置返回按钮点击事件
toolbar.back((view) => {
    ui.finish();
});

//设置子菜单点击事件
toolbar.menu((title) => {
    toast("点击了" + title);
});