1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- .wx_dialog_container{
- width: 100%;
- height: 100%;
- }
- .wx-mask{
- position: absolute;
- z-index: 9999;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- background: rgba(0, 0, 0, 0.3);
- width: 100%;
- height: 100%;
- }
- .wx-dialog{
- position: fixed;
- z-index: 9999;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- background-color: #FFFFFF;
- text-align: center;
- overflow: hidden;
- width:500rpx;
- /* height:250rpx; */
- background:rgba(255,255,255,1);
- border-radius:20rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
- .wx-dialog-content{
- height: 180rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- font-size:28rpx;
- font-family:PingFang SC;
- font-weight:400;
- color:rgba(42,42,42,1);
- white-space: normal;
- width: 100%;
- }
- .wx-dialog-footer{
- display: flex;
- align-items: center;
- position: relative;
- height: 70rpx;
- font-size: 17px;
- width: 100%;
- border-top: 1rpx solid #D5D5D6;
- padding: 10rpx 0rpx;
- }
- .wx-dialog-footer::before{
- left: 0;
- top: 0;
- right: 0;
- height: 1px;
- border-top: 1rpx solid #D5D5D6;
- color: #D5D5D6;
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
- .wx-dialog-btn{
- display: block;
- -webkit-flex: 1;
- flex: 1;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- position: relative;
- }
- .wx-dialog-footer .wx-dialog-btn:nth-of-type(1){
- color: #2A2A2A;
- }
- .wx-dialog-footer .wx-dialog-btn:nth-of-type(2){
- color: #18D5B9;
- }
- .wx-dialog-footer .wx-dialog-btn:nth-of-type(2):after{
- content: " ";
- position: absolute;
- left: 0;
- top: 0;
- width: 1px;
- bottom: 0;
- border-left: 2rpx solid #D5D5D6;
- color: #D5D5D6;
- -webkit-transform-origin: 0 0;
- transform-origin: 0 0;
- -webkit-transform: scaleX(0.5);
- transform: scaleX(0.5);
- }
|