123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- .header_custom{
- float: left;
- width: 100%;
- }
- .header-title{
- display: flex;
- align-items: center;
- flex-direction: row;
- // padding:0 34rpx;
- padding:0 26rpx;
- justify-content: flex-start;
- width: 100%;
- .goback{
- width:30px;
- text-align: center;
- }
- }
- .userbg{
- height: 500rpx;
- position: relative;
- // background-color: hotpink;
- overflow: hidden;
- &>image{
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 2;
- }
- .usermsg{
- justify-content: flex-start;
- margin: 300rpx 0 0 36rpx;
- position: relative;
- z-index: 5;
- color: #FFFFFF;
- .userimg{
- width: 64px;
- height: 64px;
- margin-right: 28rpx;
- border-radius: 32px;
- overflow: hidden;
- border: 2px solid rgba(255, 255, 255, 0.3);
- }
- }
- }
- .chart_box{
- margin: 0 32rpx;
- .btn_group{
- justify-content: flex-start;
- &>view{
- width: 144rpx;
- height: 56rpx;
- font-size:28rpx;
- border: 1px solid #EFF0F1;
- border-radius: 28rpx;
- color: #646C73;
- margin-right: 32rpx;
- transition: all 0.3s ease;
- }
- .active{
- background: #EAFAF8;
- color: #04B49C;
- border: 1px solid transparent;
- }
- }
- .lenged_box{
- justify-content: flex-end;
- font-size:14px;
- &>text{
- color: var(--nodateColor);
- }
- .lenged_item{
- font-size: 13px;
- color: #8D9399;
- &>view{
- margin-right: 12px;
- }
- .leng::before{
- content: '';
- display: inline-block;
- width: 10px;
- height: 10px;
- margin-right: 5px;
- background: #04B49C;
- }
- .re::before{
- content: '';
- display: inline-block;
- width: 10px;
- height: 10px;
- margin-right: 5px;
- background: #FF8800;
- }
- }
- }
- .logchart{
- height: 420rpx;
- width: 100%;
- color: var(--nodateColor);
- font-size:14px;
- }
- }
- .adjust_list{
- // height: 170rpx;
- padding: 24rpx 0;
- margin: 32rpx;
- border-radius: 4px;
- border: 1px solid #EFF0F1;
- justify-content: space-around;
- .list_item{
- &>text:nth-child(1){
- font-size: 56rpx;
- color: #2B3036;
- }
- &>text:nth-child(2){
- margin-top: 12rpx;
- font-size: 32rpx;
- color: #8D9399;
- }
- }
- }
- .adjust_record{
- height: 118rpx;
- margin: 0 32rpx 32rpx;
- padding: 0 24rpx;
- background: #FFFFFF;
- justify-content: space-between;
- box-shadow: 0px 6px 20px 0px rgba(43, 48, 54, 0.1);
- border-radius: 4px;
- view{
- font-size: 36rpx;
- color: #2B3036;
- image{
- width: 32rpx;
- height: 32rpx;
- margin-right: 24rpx;
- }
- }
- }
- .adjust_feedback{
- margin: 0 32rpx 64rpx;
- }
|