1 line
2.1 KiB
Plaintext
1 line
2.1 KiB
Plaintext
.payment-qrocde-box{overflow:hidden;display:flex;background-color:#fff;border-radius:16rpx}.payment-qrocde-box .qrocde-left{flex:1}.payment-qrocde-box .qrocde-left .qrocde-desc{margin-top:20rpx;margin-bottom:26rpx;display:flex;align-items:center;justify-content:center;color:#909399;font-size:24rpx}.payment-qrocde-box .qrocde-left .qrocde-desc .iconfont{margin-left:10rpx;font-size:24rpx;font-weight:700}.payment-qrocde-box .qrocde-left .qrocde-action{padding-bottom:36rpx;display:flex;justify-content:center}.payment-qrocde-box .qrocde-left .qrocde-action button{display:flex;align-items:center;justify-content:center;margin:0;width:230rpx;height:86rpx;border-radius:50rpx}.payment-qrocde-box .qrocde-left .qrocde-action button:first-of-type{margin-right:46rpx;background-color:var(--base-color)}.payment-qrocde-box .qrocde-left .qrocde-action button:last-of-type{background-color:#999}.payment-qrocde-box .qrocde-left .qrocde-action button .iconfont{margin-right:10rpx}.payment-qrocde-box .qrocde-left .qrocde-action button .action-name{font-size:30rpx}.payment-qrocde-box .qrocde-right{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-left:16rpx;width:90rpx;z-index:2;box-sizing:border-box}.payment-qrocde-box .qrocde-right .name{font-size:26rpx;-webkit-writing-mode:tb-rl;writing-mode:tb-rl;color:#fff;letter-spacing:6rpx}.payment-qrocde-box .qrocde-right .iconfont{color:#fff}.payment-qrocde-box .qrocde-right::after{content:"";position:absolute;top:50%;left:0;width:500rpx;height:500rpx;border-radius:50%;background-color:var(--base-color);-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-1}.payment-popup{padding:0 30rpx 40rpx;background-color:#fff}.payment-popup .head-wrap{font-size:32rpx;line-height:100rpx;height:100rpx;display:block;text-align:center;position:relative;border-bottom:2rpx solid #eee;margin-bottom:20rpx}.payment-popup .head-wrap .iconfont{position:absolute;float:right;right:0;font-size:32rpx}.payment-popup .content-wrap{max-height:600rpx;overflow-y:auto}.payment-popup button{margin-top:40rpx} |