HarmonyOS 基础之JS实现自定义弹窗 原创 精华
深开鸿
发布于 2021-9-7 10:56
浏览
2收藏
介绍
Dialog是HarmonyOS的提示框,虽然说是很基础的东西,但是里面其实还有很多值得学习交流的地方。本文会介绍如何使用默认的dialoge和自定义Dialog:
1、默认Dialog的使用方法
2、自定义Dialog组件封装
效果展示
默认Dialog | 自定义 Dialog |
---|---|
![]() |
![]() |
默认Dialog的使用
样式:仅支持通用样式中的width、height、margin、margin-[left|top|right|bottom]、margin-[start|end]样式。
方法: 仅支持show(弹出对话框),close(关闭对话框)
pairDialog.hml
pairDialog.css
pairDialog.js
自定义Dialog组件封装
pairCustomizeDialog.js
显示Dialog
作者:王国菊
更多原创内容请关注:开鸿 HarmonyOS 学院
入门到精通、技巧到案例,系统化分享HarmonyOS开发技术,欢迎投稿和订阅,让我们一起携手前行共建鸿蒙生态。
©著作权归作者所有,如需转载,请注明出处,否则将追究法律责任
分类
DialogDemo.zip 3.32M 69次下载
已于2021-9-10 14:54:57修改
赞
9
收藏 2
回复
9
2
2
相关推荐
样式展示的非常全面
谢谢,希望能帮到有需要的小伙伴