从微信小程序到鸿蒙js开发【07】——menu&toast&dialog
目录: 1、menu弹出菜单 2、Toast提示框 3、prompt模块的对话框dialog 4、dialog对话框组件 1、menu弹出菜单 这是微信小程序没有的一个组件,提供了一个可唤起的轻量级弹出菜单。menu的子组件为option。 <menu id="userMenu" onselected="menuSelect"> <option value="login">登录</option> <option value="register">注册</option> </menu> 在hml中写好菜单,但这时启动app是不会显示出来的,且不会占用任何页面空间。 menu需要在方法中被唤起,因此需要设置id属性。这里通过点击“点击登录/注册“文本框唤起菜单: <text if="{{ !userInfo }}" onclick="showUserMenu" class="info_hint"> 点击登录/注册 </text> showUserMenu() { this.$element("userMenu").show(); } 使用无参的show()方法,菜单在页面的左上角被唤起弹出。 show方法还有一个重载方法,可以设置菜单弹出的x轴和y轴偏移量。x和y需要给数值类型,单位为px。 showUserMenu() { this.$element("userMenu").show