jdvue/src/components/popup/index.less

A Vue.js 2.0 Mobile UI components at JinDanLiCai

.v-popup{
  &-mask{
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  &-circle{
    border-radius: 8px;
  }
  &-wrap{
    position:fixed;
    box-sizing: border-box;
    //overflow:hidden;
    top:45%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #fff;
    //padding: 20px 40px;
    z-index:110;
  }
  &-close{
    position:absolute;



    &-bottom{
      bottom:-70px;
      left:50%;
      color:#fff;
      transform: translate(-50%,0);
      z-index: 2000;
    }
    &-topright{
      top:16px;
      right:20px;

    }
  }
}