html H5 dialog弹窗学习,实现弹窗显示内容 替代confirm、alert

avatar
作者
筋斗云
阅读量:1

html H5 dialog弹窗学习,实现弹窗内容 替代confirm
框架使用的mui,使用mui.confirm() 弹窗内容过多时,弹窗被撑的到屏幕外去了,使用H5 dialog 标签自定义一个固定大小的弹窗,内容过多时可下拉显示

效果展示

隐私政策内容很多,可以下拉显示

在这里插入图片描述

代码

myDialog.css

dialog{         padding:0;     border:none;     box-shadow:0px 1px 3px rgba(0,0,0,0.2);     width:80%;     border-radius:10px;     height: 430px; } .diaHeader{         padding:10px;     color:#fff;     border-radius:10px 10px 0 0;     background:#50a8fa; } .diaContent{         padding:30px 12px 30px 12px;     overflow: auto;     height: calc(100% - 91px); } .diaFooter{         display: flex;     align-items

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!