抽屉菜单(不知道为什么叫这个名字),在app中使用很频繁 。appcan官网IDE中内置了该模板,我们只需要新建appcan页面,选择“抽屉”就可以实现。但是在创建页面后,会遇到两个恶心的问题需要手工解决 ,如下;
一、首先我们创建leftmenu页面,选择布局结构“抽屉”,内容为空,该页面为不添加任何内容 。点击完成后,观察IDE左侧树形结构上会生成3个页面分别是 leftmenu.html , leftmenu_drawer.html, leftmenu_content.html 。这三个页面中 leftmenu_drawer.html 是第一个被加载的初始页面 ,接着我们需要修改config文件中的默认页面属性,将leftmenu_drawer.html作为默认页面 。
然后在本地进行打包测试,我们会发现1个小问题,默认情况下 弹出的左侧抽屉菜单没有图标,如图
没有图标,只有文字,打开调试信息发现
一、首先我们创建leftmenu页面,选择布局结构“抽屉”,内容为空,该页面为不添加任何内容 。点击完成后,观察IDE左侧树形结构上会生成3个页面分别是 leftmenu.html , leftmenu_drawer.html, leftmenu_content.html 。这三个页面中 leftmenu_drawer.html 是第一个被加载的初始页面 ,接着我们需要修改config文件中的默认页面属性,将leftmenu_drawer.html作为默认页面 。
然后在本地进行打包测试,我们会发现1个小问题,默认情况下 弹出的左侧抽屉菜单没有图标,如图
没有图标,只有文字,打开调试信息发现