qkui-h5/dist/styles/dialog.less

Quick 框架组件

// 背景层
.qk-popup-mask {
  position: fixed;
  z-index: 998;
  background: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}

// 弹出层
.qk-popup {
  position: fixed;
  z-index: 999;
  transition: all 0.3s ease;
  width: inherit;
  margin: inherit;
}

.qk-popup.top {
  top: 0px;
  width: 100%;
}

.qk-popup.bottom {
  bottom: 0px;
  width: 100%;
}

.qk-popup.left {
  left: 0px;
  height: 100%;
}

.qk-popup.right {
  right: 0px;
  height: 100%;
}