/* pages/user/user.wxss */ page{ background: #F4F6F8; /* position: fixed; */ } .avatar{ width: 120rpx; height: 120rpx; border-radius: 100%; overflow: hidden; margin-right: 30rpx; } .name{ font-size: 40rpx; font-weight: 500; padding-top: 15rpx; } .name view{ font-size: 32rpx; color: #FFF; font-weight: bold; margin-bottom: 12rpx; } .name text{ font-size: 28rpx; color: #FFF; font-weight: 400; } .info{ position: relative; background: #ff0f03; display: flex; padding: 30rpx; } .mine{ border: 1px solid #fff; color: #fff; font-size: 28rpx; border-radius: 8rpx; padding:0 8rpx; line-height: 48rpx; position: absolute; right: 30rpx; height: 48rpx; top: 0; bottom: 0; margin: auto; } .item{ line-height: 108rpx; font-size: 32rpx; border-bottom: 1px solid #F5F5F5; position: relative; } .logout{ margin-top:15rpx; background:#fff; border:none; padding: 0 30rpx; } .item image{ width: 32rpx; float: right; margin-top: 38rpx; } .login input{ width: 100%; height: 88rpx; text-align: left; /* background: #F4F6F8; */ font-size: 30rpx; border-radius: 8rpx; padding: 0 24rpx; border: 1px solid #E0E0E0; box-sizing: border-box; } .login button:not([size='mini']){ background: #D94B24; color: #fff; width: 100%; margin-top: 48rpx; height: 88rpx; line-height: 88rpx; padding: 0; font-size: 32rpx; border-radius: 8rpx; } .no_login{ height: 100vh; background: #fff; text-align: center; padding: 30% 70rpx 0; } .no_login .avatar{ width: 160rpx; height: 160rpx; margin: 50rpx auto 100rpx; } .title{ font-size: 32rpx; } .today{ margin: 30rpx 30rpx 0; background: #fff; border-radius: 8rpx; box-shadow: 0 0 10px 0px rgba(51, 51, 51, 0.1); overflow: hidden; } .today navigator{ padding: 24rpx; } .today .money{ margin: 0rpx 0rpx 30rpx; font-size: 48rpx; } .today .date{ margin: 15rpx 0rpx; font-size: 28rpx; } .date>text{ color: rgba(156, 156, 156, 1); font-size: 28rpx; display: inline-block; width: 49%; } .date text text{ color: rgba(51, 51, 51, 1); font-weight: 400; margin-left: 45rpx; font-size: 28rpx; } .today .money .todaydown{ font-size: 28rpx; /* margin-left: 20rpx !important; */ color: #07B20B !important; } .today .money .todayup{ font-size: 32rpx; /* margin-left: 20rpx !important; */ color: #E90001 !important; } .contactus{ background: none; width: 100% !important; text-align:center; position: absolute; height: 100%; top: 0; left: 0; } .up,.down{ font-size: 40rpx; font-weight: bold; } .date .up,.date .down{ font-size: 28rpx; font-weight: 400; margin-left: 20rpx !important; } .today_text{ display: block; font-size: 28rpx; color: rgba(156, 156, 156, 1); } .msg{ background: rgba(247, 247, 247, 1); display: flex; border-top: 1px solid rgba(171, 171, 171, 0.2); padding: 0 !important; } .msg view{ width: 50%; text-align: center; font-size: 28rpx; line-height: 100rpx; } .msg view:first-child{ border-right: 1px solid rgba(171, 171, 171, 0.2); } .msg image{ width: 32rpx; position: relative; top: 5rpx; left: -10rpx; } .list{ margin:30rpx; border-radius: 8rpx; box-shadow: 0 0 10px 0px rgba(51, 51, 51, 0.1); overflow: hidden; } .no_login .avatar image{ width: 160rpx; height: 160rpx; } .yzm{ margin-top: 30rpx; display: flex; justify-content: space-between; } .yzm input{ width: 65%; } .yzm view{ width: 30%; height: 88rpx; color: #D94B24; line-height: 88rpx; border: 1px solid #D94B24; border-radius: 8rpx; font-size: 30rpx; } .yzm .disabled{ color: #999; border-color: #999; } .no_login navigator{ background: #D94B24; border: 1px solid #D94B24; color: #fff; width: 100%; margin-top: 48rpx; height: 88rpx; line-height: 88rpx; padding: 0; font-size: 32rpx; border-radius: 8rpx; position: relative; text-align: left; padding-left: 38%; box-sizing: border-box; } .no_login navigator image{ position: absolute; top: 0; bottom: 0; margin: auto; left: 28%; } .shenming{ margin:30rpx; border-radius: 8rpx; box-shadow: 0 0 10px 0px rgba(51, 51, 51, 0.1); overflow: hidden; background-color: white; } .shenming_text{ font-size: 30rpx; color: rgb(128, 128, 128); margin: 30rpx; }