1 line
2.6 KiB
Plaintext
1 line
2.6 KiB
Plaintext
.custom-navbar{width:100vw;padding-bottom:20rpx;position:fixed;left:0;top:0;z-index:100;background:unset;background-size:100% 380rpx}.custom-navbar .navbar-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.custom-navbar .navbar-title{color:#fff;font-size:32rpx;font-weight:600}.custom-navbar .back{position:absolute;color:#fff;left:30rpx;font-size:40rpx}.custom-navbar-block{padding-bottom:20rpx}.head-wrap{background-size:100%;padding:32rpx 28rpx;box-sizing:border-box;overflow:hidden;margin:24rpx 28rpx;border-radius:24rpx;padding-top:160rpx;height:352rpx}.head-wrap .title{text-align:left;line-height:1;color:#f6f6f6;margin-bottom:24rpx}.head-wrap .balance{color:var(--btn-text-color);text-align:left;line-height:1;margin-bottom:20rpx;font-size:80rpx;line-height:112rpx;font-weight:500!important;font-family:PingFang SC}.head-wrap .flex-box{display:flex;margin-top:56rpx}.head-wrap .flex-box .flex-item{flex:1}.head-wrap .flex-box .flex-item .num{font-size:34rpx;margin-bottom:20rpx;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.head-wrap .flex-box .flex-item view{text-align:left;color:#f6f6f6;line-height:1}.head-wrap .btns{display:flex;flex-wrap:nowrap;position:relative;gap:22rpx;margin-top:32rpx}.head-wrap .btns .btn{flex:1;display:flex;justify-content:center;align-items:center;height:80rpx;box-sizing:border-box;font-size:32rpx;flex-shrink:0;text-align:center;font-family:PingFang SC;border-radius:180rpx;background:transparent;color:#fff;font-style:normal;font-weight:500;line-height:normal;border:2rpx solid #fff}.head-wrap .btns .btn :nth-child(2){background:#fff;color:#4285f8}.head-wrap .btns .recharge{background:#fff;color:#4285f8}.menu-wrap{border-radius:20rpx;margin:0 24rpx;padding:0 24rpx;background:#fff}.menu-wrap .menu-item{display:flex;align-items:center;padding:4rpx 0}.menu-wrap .menu-item .icon{height:80rpx;border-radius:20rpx;display:flex;align-items:center;color:#fff;margin-right:20rpx}.menu-wrap .menu-item .icon .iconfont{font-size:46rpx;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fe7849,#ff1959)}.menu-wrap .menu-item .title{font-size:28rpx;color:#333;flex:1}.menu-wrap .menu-item .iconright{font-size:28rpx}.action{position:fixed;width:100vw;left:0;bottom:0;padding-bottom:100rpx}.action view{width:calc(100vw - 64rpx);height:80rpx;line-height:80rpx;border-radius:80rpx;margin:0 auto 30rpx auto;text-align:center;color:#fff;font-size:32rpx}.action .recharge-withdraw{background:#ff4646}.action .withdraw{border:4rpx solid #ff4646;box-sizing:border-box;line-height:72rpx;color:#ff4646} |