::v-deep .uni-page-body,page { height:100%; background-color: #F8F9FA;; } .djfkIndex{ padding-bottom: 40rpx; .djfkIndex_header{ background: linear-gradient(180deg, rgba(189, 162, 115, 1) 0%, rgba(255, 255, 255, 1) 100%); height: 450rpx; .info{ display: flex; align-items: center; padding: 10rpx 10rpx 20rpx 10rpx; .headImg{ width: 120rpx; height: 160rpx; } .userName{ line-height: 100rpx; font-size: 20px; font-weight: 500; color: rgba(255, 255, 255, 1); text-align: center; padding-left: 30rpx; padding-right: 20rpx; } } .slogan{ display:flex; align-items: center; justify-content: center; .slogan_img{ width: 670rpx; height: 290rpx; } } } .djfkIndex_title{ display: flex; justify-content: space-between; padding: 60rpx 0 20rpx 28rpx; .title_left{ display:flex; align-items: center; justify-content: center; .uni-badge--x{ padding-left: 5rpx; } } .title_right{ padding-right: 30rpx; .right_text{ font-size: 17px; font-weight: 400; color: rgba(153, 153, 153, 1); padding-right: 5rpx; } } } .djfkIndex_list{ .list_content{ display: flex; padding: 15rpx 20rpx 15rpx; .list_content_img{ align-self: center; display: flex; .statusIcon{ height: 50rpx; width: 50rpx; } } .list_item{ padding-left:80rpx; font-size: 15px; font-weight: 400; letter-spacing: 0px; line-height: 21.72px; color: rgba(102, 102, 102, 1); vertical-align: top; } .list_item_text{ padding-right: 20rpx; padding-left: 30rpx; flex: 1; text-align: right; font-size: 15px; font-weight: 400; letter-spacing: 0.5px; line-height: 22px; color: rgba(51, 51, 51, 1); } } .list_content :nth-child(2){ padding-left: 35rpx; } .button{ display: flex; justify-content: flex-start; border-top: 0.5px solid rgba(221, 221, 221, 1); height: 80rpx; .button_upload{ flex: 1; display: flex; align-items: center; justify-content: center; color: rgba(190, 163, 117, 1); font-size: 17px; } } } .empty_data{ display: flex; justify-content: center; align-items: center; } .notice_popup{ height: 800rpx; width: 600rpx; } }