/* pages/user/user.wxss */ page{ background: #F4F6F8; position: fixed; } .bg{ background: #fff; } .avatar{ width: 140rpx; height: 140rpx; border-radius: 100%; overflow: hidden; margin:0 auto 20rpx; } .name{ text-align: center; font-size: 40rpx; font-weight: 500; } .name view{ font-size: 32rpx; } .info{ position: relative; top: -80rpx; } .item{ padding: 0 48rpx; line-height: 108rpx; font-size: 32rpx; } .item image{ width: 32rpx; float: right; margin-top: 38rpx; } .login{ padding: 150rpx 120rpx 0; height: 100vh; } .login input{ width: 100%; text-align: center; height: 108rpx; background: #F4F6F8; font-size: 32rpx; border-radius: 16rpx; border: 1px solid #EEEEEE; } .login button:not([size='mini']){ background: #FF5151; color: #fff; width: 100%; margin-top: 48rpx; height: 108rpx; line-height: 108rpx; padding: 0; font-size: 32rpx; border-radius: 16rpx; } .modal{ position: fixed; width: 100%; height: 100vh; background: rgba(0,0,0,.5); top: 0; left: 0; z-index: 99; } .fund_modal{ width: 80%; padding: 50rpx; /* height: 20vh; */ background: #fff; border-radius: 16rpx; margin: 30vh auto; text-align: center; position: relative; } .fund_modal view{ font-size: 30rpx; } .fund_modal input{ border: 1px solid #ccc; height: 80rpx; border-radius: 8rpx; margin: 20rpx 0; } .fund_modal text{ position: absolute; right: 65rpx; top: 40%; }