react-app-shell/activity/src/components/modal/style.less

react打包脚本和example, 这里的版本请忽略

.layer-wrapper{
  box-sizing: content-box;
  position: relative;
  z-index: 2;
  .layershade{
    background-color: rgba(0,0,0,.7);
    pointer-events: auto;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .layermain{
    display: table;
    font-family: Helvetica,arial,sans-serif;
    pointer-events: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    .layersection{
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      .layerchild{
        position: relative;
        display: inline-block;
        pointer-events: auto;
        animation-fill-mode: both;
        animation-duration: .2s;

      }
    }
  }
}