1 line
3.1 KiB
Plaintext
Executable File
1 line
3.1 KiB
Plaintext
Executable File
.container{width:100vw;min-height:100vh;background:var(--base-color);padding:30rpx;box-sizing:border-box;overflow-y:auto}.paycode-wrap{overflow:hidden;background:#fff;border-radius:20rpx}.paycode-wrap .member-wrap{padding:36rpx 32rpx;background:#f6f6f6;display:flex;align-items:center}.paycode-wrap .member-wrap .headimg{width:88rpx;height:88rpx;overflow:hidden;border-radius:50%;margin-right:20rpx}.paycode-wrap .member-wrap .headimg image{width:88rpx;height:88rpx}.paycode-wrap .member-wrap .info-wrap{flex:1;width:0}.paycode-wrap .member-wrap .nickname{font-size:30rpx;font-weight:600;white-space:nowrap;overflow:hidden;line-height:1}.paycode-wrap .member-wrap .member-level{background:#474758;padding:0;margin:16rpx 0 0 0;height:40rpx;border-radius:40rpx;display:inline-flex;align-items:center}.paycode-wrap .member-wrap .member-level .level-icon{width:40rpx;vertical-align:middle;margin-left:-2rpx}.paycode-wrap .member-wrap .member-level .level-name{padding:0 20rpx 0 6rpx;color:#ddc095;font-size:24rpx;display:inline-block;line-height:1}.paycode-wrap .member-wrap .recharge{color:var(--base-color);border:2rpx solid var(--base-color);height:64rpx;line-height:64rpx;border-radius:64rpx;font-size:26rpx;padding:0 30rpx;letter-spacing:4rpx}.paycode-wrap .body-wrap{margin:40rpx 40rpx 0 40rpx;width:calc(100% -80rpx);box-sizing:border-box;text-align:center;padding-bottom:40rpx;position:relative;border-bottom:2rpx dashed #dedede}.paycode-wrap .body-wrap .barcode-wrap{width:590rpx;height:200rpx;overflow:hidden;margin:0 auto}.paycode-wrap .body-wrap .barcode-wrap .barcode{width:590rpx;height:250rpx}.paycode-wrap .body-wrap .qrcode{width:320rpx;margin-top:30rpx}.paycode-wrap .body-wrap .tips{color:#999;font-size:24rpx;margin-top:20rpx}.paycode-wrap .body-wrap .dynamic-code{display:flex;align-items:center;justify-content:center}.paycode-wrap .body-wrap .dynamic-code .code{background:#f6f6f6;color:#666;padding:4rpx 26rpx;border-radius:60rpx}.paycode-wrap .body-wrap .dynamic-code .code text{margin-left:10rpx}.paycode-wrap .body-wrap .auth-code{color:#999;font-size:24rpx;margin-top:20rpx}.paycode-wrap .body-wrap .auth-code .price-font{letter-spacing:2rpx}.paycode-wrap .body-wrap .auth-code .show{color:#163d8f;font-size:26rpx;margin-left:20rpx}.paycode-wrap .body-wrap:after, .paycode-wrap .body-wrap:before{content:" ";width:40rpx;height:40rpx;background:var(--base-color);border-radius:50%;z-index:5;bottom:0;display:block;position:absolute}.paycode-wrap .body-wrap:after{right:0;-webkit-transform:translate(calc(50% + 40rpx),50%);transform:translate(calc(50% + 40rpx),50%)}.paycode-wrap .body-wrap:before{left:0;-webkit-transform:translate(calc(-50% - 40rpx),50%);transform:translate(calc(-50% - 40rpx),50%)}.paycode-wrap .footer-wrap{padding:50rpx 0;display:flex;align-items:center}.paycode-wrap .footer-wrap .split{width:2rpx;background:#ddd;height:50rpx}.paycode-wrap .footer-wrap .account-item{flex:1;text-align:center}.paycode-wrap .footer-wrap .account-item .value{font-size:32rpx;color:var(--base-color);line-height:1.5}.paycode-wrap .footer-wrap .account-item .title{color:#999;font-size:24rpx;margin-top:10rpx} |