.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; }