8 lines
2.0 KiB
Plaintext
8 lines
2.0 KiB
Plaintext
.uni-popup{position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;overflow:hidden}.uni-popup__mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:998;background:rgba(0,0,0,.4);opacity:0}.uni-popup__mask.ani{transition:all .3s}.uni-popup__mask.uni-bottom,
|
|
.uni-popup__mask.uni-center,
|
|
.uni-popup__mask.uni-right,
|
|
.uni-popup__mask.uni-left,
|
|
.uni-popup__mask.uni-top{opacity:1}.uni-popup__wrapper{position:absolute;z-index:999;box-sizing:border-box}.uni-popup__wrapper.ani{transition:all .3s}.uni-popup__wrapper.top{top:0;left:0;width:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.uni-popup__wrapper.bottom{bottom:0;left:0;width:100%;-webkit-transform:translateY(100%);transform:translateY(100%);background:#fff}.uni-popup__wrapper.right{bottom:0;left:0;width:100%;-webkit-transform:translateX(100%);transform:translateX(100%)}.uni-popup__wrapper.left{bottom:0;left:0;width:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.uni-popup__wrapper.center{width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}.uni-popup__wrapper-box{position:relative;box-sizing:border-box;border-radius:10rpx}.uni-popup__wrapper.uni-custom.center .uni-popup__wrapper-box{position:relative;max-width:80%;max-height:80%;overflow-y:scroll}.uni-popup__wrapper.uni-custom.bottom .uni-popup__wrapper-box,
|
|
.uni-popup__wrapper.uni-custom.top .uni-popup__wrapper-box{width:100%;max-height:500px;overflow-y:scroll}.uni-popup__wrapper.uni-bottom,
|
|
.uni-popup__wrapper.uni-top{-webkit-transform:translateY(0);transform:translateY(0)}.uni-popup__wrapper.uni-left,
|
|
.uni-popup__wrapper.uni-right{-webkit-transform:translateX(0);transform:translateX(0)}.uni-popup__wrapper.uni-center{-webkit-transform:scale(1);transform:scale(1);opacity:1}.bottom.safe-area{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.left.safe-area{padding-bottom:68rpx}.right.safe-area{padding-bottom:68rpx} |