DialogBox.wxss
4.24 KB
.page-total.data-v-52925502{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.box.data-v-52925502{display:flex;justify-content:center;width:100%}.dialog-box.data-v-52925502{width:80%;height:300rpx;background-color:#fff;border-radius:20rpx;overflow:hidden}.dialog-box .title.data-v-52925502{display:flex;justify-content:center;align-items:center;width:100%;height:100rpx;font-size:32rpx;color:#222;font-weight:700}.dialog-box .content.data-v-52925502{display:flex;align-items:center;justify-content:space-between;width:90%;height:80rpx;margin:0 auto;background-color:#f6f6f6;border-radius:10rpx}.dialog-box .content input.data-v-52925502{width:80%;height:100%;font-size:28rpx;color:#222;padding:0 4%}.dialog-box .content text.data-v-52925502{font-size:34rpx;color:silver;margin-right:4%}.dialog-box .inquiry.data-v-52925502{padding:0 4%;height:80rpx;text-align:center}.dialog-box .inquiry text.data-v-52925502{font-size:28rpx;color:#222;line-height:40rpx}.dialog-box .operation-btn.data-v-52925502{display:flex;align-items:center;width:100%;height:100rpx;margin-top:20rpx;border-top:2rpx solid #f6f6f6}.dialog-box .operation-btn .btn.data-v-52925502{position:relative;display:flex;justify-content:center;align-items:center;width:50%;height:100%}.dialog-box .operation-btn .btn text.data-v-52925502{font-size:28rpx;color:#222}.dialog-box .operation-btn .btn .tag.data-v-52925502{position:absolute;right:0;top:30%;width:2rpx;height:40%;background-color:#f6f6f6}.dialog-box .operation-btn .btn .activity.data-v-52925502{color:#4d7cff}.a-fadein.data-v-52925502,
.a-fadeinT.data-v-52925502,
.a-fadeinR.data-v-52925502,
.a-fadeinB.data-v-52925502,
.a-fadeinL.data-v-52925502,
.a-bouncein.data-v-52925502,
.a-bounceinT.data-v-52925502,
.a-bounceinR.data-v-52925502,
.a-bounceinB.data-v-52925502,
.a-bounceinL.data-v-52925502,
.a-rotatein.data-v-52925502,
.a-rotateinLT.data-v-52925502,
.a-rotateinLB.data-v-52925502,
.a-rotateinRT.data-v-52925502,
.a-rotateinRB.data-v-52925502,
.a-flipin.data-v-52925502,
.a-flipinX.data-v-52925502,
.a-flipinY.data-v-52925502{-webkit-animation:.3s ease-out backwards;-moz-animation:.3s ease-out backwards;-ms-animation:.3s ease-out backwards;-webkit-transform:translateZ(0);transform:translateZ(0)}.a-fadeout.data-v-52925502,
.a-fadeoutT.data-v-52925502,
.a-fadeoutR.data-v-52925502,
.a-fadeoutB.data-v-52925502,
.a-fadeoutL.data-v-52925502,
.a-bounceout.data-v-52925502,
.a-bounceoutT.data-v-52925502,
.a-bounceoutR.data-v-52925502,
.a-bounceoutB.data-v-52925502,
.a-bounceoutL.data-v-52925502,
.a-rotateout.data-v-52925502,
.a-rotateoutLT.data-v-52925502,
.a-rotateoutLB.data-v-52925502,
.a-rotateoutRT.data-v-52925502,
.a-rotateoutRB.data-v-52925502,
.a-flipoutX.data-v-52925502,
.a-flipoutY.data-v-52925502{-webkit-animation:.3s ease-in forwards;animation:.3s ease-in forwards;-webkit-transform:translateZ(0);transform:translateZ(0)}.a-fadein.data-v-52925502{-webkit-animation-name:fadein-data-v-52925502;animation-name:fadein-data-v-52925502}.a-fadeout.data-v-52925502{-webkit-animation-name:fadeout-data-v-52925502;animation-name:fadeout-data-v-52925502}.a-bouncein.data-v-52925502{-webkit-animation-name:bouncein-data-v-52925502;animation-name:bouncein-data-v-52925502}.a-bounceout.data-v-52925502{-webkit-animation-name:bounceout-data-v-52925502;animation-name:bounceout-data-v-52925502}@-webkit-keyframes fadein-data-v-52925502{0%{opacity:0}100%{opacity:1}}@keyframes fadein-data-v-52925502{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeout-data-v-52925502{0%{opacity:1}100%{opacity:0}}@keyframes fadeout-data-v-52925502{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes bouncein-data-v-52925502{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bouncein-data-v-52925502{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounceout-data-v-52925502{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceout-data-v-52925502{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}