123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138 |
- .header_custom {
- float: left;
- width: 100%;
- }
- .header-title {
- display: flex;
- align-items: center;
- flex-direction: row;
- padding: 0 26rpx;
- justify-content: flex-start;
- width: 100%;
- }
- .header-title .goback {
- width: 30px;
- text-align: center;
- }
- .userbg {
- height: 500rpx;
- position: relative;
- overflow: hidden;
- }
- .userbg > image {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 2;
- }
- .userbg .usermsg {
- justify-content: flex-start;
- margin: 300rpx 0 0 36rpx;
- position: relative;
- z-index: 5;
- color: #FFFFFF;
- }
- .userbg .usermsg .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;
- }
- .chart_box .btn_group {
- justify-content: flex-start;
- }
- .chart_box .btn_group > 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;
- }
- .chart_box .btn_group .active {
- background: #EAFAF8;
- color: #04B49C;
- border: 1px solid transparent;
- }
- .chart_box .lenged_box {
- justify-content: flex-end;
- font-size: 14px;
- }
- .chart_box .lenged_box > text {
- color: var(--nodateColor);
- }
- .chart_box .lenged_box .lenged_item {
- font-size: 13px;
- color: #8D9399;
- }
- .chart_box .lenged_box .lenged_item > view {
- margin-right: 12px;
- }
- .chart_box .lenged_box .lenged_item .leng::before {
- content: '';
- display: inline-block;
- width: 10px;
- height: 10px;
- margin-right: 5px;
- background: #04B49C;
- }
- .chart_box .lenged_box .lenged_item .re::before {
- content: '';
- display: inline-block;
- width: 10px;
- height: 10px;
- margin-right: 5px;
- background: #FF8800;
- }
- .chart_box .logchart {
- height: 420rpx;
- width: 100%;
- color: var(--nodateColor);
- font-size: 14px;
- }
- .adjust_list {
- padding: 24rpx 0;
- margin: 32rpx;
- border-radius: 4px;
- border: 1px solid #EFF0F1;
- justify-content: space-around;
- }
- .adjust_list .list_item > text:nth-child(1) {
- font-size: 56rpx;
- color: #2B3036;
- }
- .adjust_list .list_item > 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;
- }
- .adjust_record view {
- font-size: 36rpx;
- color: #2B3036;
- }
- .adjust_record view image {
- width: 32rpx;
- height: 32rpx;
- margin-right: 24rpx;
- }
- .adjust_feedback {
- margin: 0 32rpx 64rpx;
- }
|