更多内容请访问:与华为官方共建的鸿蒙技术社区https://harmonyos.51cto.com/#zzSlide控件:跑马灯控件:弹出提示框:prompt.showToast()弹出对话框:prompt.showDialog()制作提示框时,先创建一个菜单栏选项,弹出菜单栏只在debug点击时触发显示不占用原始视图空间。弹出菜单栏的位置默认以(0,0)为参考点。为了更好的用户体验,也可以自行设置弹窗位置(如下图)引入新的跳页方式:路由跳转页面(详见代码):importrouterfrom'@system。路由器';//通过路由跳转页面router.push({uri:'pages/jumpone/jumpone'})//路由方法主页表面上的js业务逻辑层:importpromptfrom'@system.prompt';importrouterfrom'@system.router';//通过路由跳转页面exportdefault{data:{title:'World',imgdatas:[{"src":"http://ttjib3.natappfree.cc/images/12.jpeg"},{"src":"http://ttjib3.natappfree.cc/images/13.jpg"},{"src":"http://ttjib3.natappfree.cc/images/14.jpg"},{"src":"http://ttjib3.natappfree.cc/images/15.jpg"},{"src":"http://ttjib3.natappfree.cc/images/16.png"}]},showmenu(){//弹出显示菜单必须先获取这个组件,使用this.$element//this.$element("menueone").show();//弹窗默认位置以(0,0)为准this.$element("menueone").show({x:0,y:0});},changemenu(e){letname=e.value//这里的值为hml中的值//鸿蒙提示框prompt.showToast({message:name});if(name=="太和殿"){router.push({//路由方法uri:'pages/jumpone/jumpone'});}elseif(name=="养心店"){router.push({//路由方法uri:'pages/jumptwo/jumptwo'});}elseif(name=="干清宫"){router.push({//路由方法uri:'pages/jumpthree/jumpthree'});}}}主页视图层: