了解更多开源请访问:51CTO开源基础软件社区https://ost.51cto.com前言接触鸿蒙开发不久,在最近接触的一个项目中,发现有很多类似的消息提示弹窗。分析项目所有弹窗,开发一个公共消息弹窗组件。效果演示组件描述组件属性定义组件属性:名称类型默认值必填描述visibleobject{show:false}否控制弹窗的显示状态,因为当前组件属性没有双向绑定功能。所以使用对象格式来保证每次改变可见值时,组件都能监听options对象,无弹窗显示属性,包括title,content,button等。具体格式参考对以下选项属性进行说明。组件选项属性:name类型默认值必填descriptiontitlestringno无弹窗标题contentstring|stringno是弹窗文本内容,当内容为字符串类型时,将显示为单行文本,如果是一个字符串数组,显示为多行文字,单行文字自动居中显示buttons(string|button)无弹窗标题,底部按钮,具体属性可以显示最多2个按钮,如果超过2个按钮,后面的部分会被自动丢弃。具体格式参考后面的按钮属性说明。组件options属性中的button属性:nametype,defaultvalue,description,textstring,noyes,按钮显示文字,当button为string时,为属性handlefunction,nono,按钮点击触发事件,会在popup中显示窗口关闭后调用该事件组件实现代码htm代码:
