vue 点开弹窗最大化_vue 全屏弹窗（从底部上滑出现）

.fullscreen-dialog-wrapper{

position: fixed;

top: 0;

right: 0;

bottom: 0;

left: 0;

overflow: auto;

margin: 0;

z-index: 1001;

opacity: 1;

}

.fullscreen-dialog{

position:relative;

margin:0 auto 50px;

background:#fff;

box-sizing:border-box;

width:100%;

margin-top:0;

margin-bottom:0;

height:100%;

overflow-y:auto

}

.dialog-header{

height: 50px;

padding:14px 18px 12px;

line-height: 24px;

font-size: 18px;

color: #fff;

background-color: #1d2438;

}

.dialog-header .dialog-title{

line-height:24px;

font-size:18px;

color:#fff

}

.dialog-headerbtn{

position:absolute;

top:15px;

right:15px;