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

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