qkui-h5/dist/styles/win.less

Quick 框架组件

// quick ui win 组件
.qk-win {
  position: absolute;
  width: 50%;
  min-height: 2rem;
  top: 10%;
  left: 20%;

  background-color: #fff;
  border: solid 0.1rem #00284d;
  // background-clip: padding-box;
  -webkit-box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.35);
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.35);

  .qk-win-header {
    background-color: #00284d;
    color: #fff;
    height: 2rem;
    line-height: 2rem;
    cursor: move;
    display: flex; /*设置为flex布局*/
    justify-content: space-between;

    .qk-win-title {
      font-size: 0.7rem;
      //  width: 70%;
      // text-align: left;
      padding: 0 0.25rem;
    }

    .qk-win-btn {
      // width: 28%;
      // min-width: 10rem;
      // text-align: right;
      padding: 0 0.25rem;
    }

    .iconfont {
      margin-left: 0.5rem;
      cursor: pointer;
      font-size: 0.8rem;
    }
  }

  // 内容框
  .qk-win-body {
    overflow: auto;
    background-color: #fff;
  }
}