page { background-color: #f8f8f8; } .work_order_header { padding: 70rpx 30rpx 0 30rpx; background: linear-gradient(180deg, #e7f1ff 0%, #f8f8f8 200rpx); display: flex; align-items: center; justify-content: space-between; &_left { width: 40%; .work_label { font-size: 40rpx; font-weight: 500; color: #333; } .work_btn { padding-top: 40rpx; } } &_right { width: 60%; image { height: 348rpx; } } } .work_order_item_content { padding: 30rpx; .work_order_item { display: flex; align-items: center; justify-content: space-between; background-color: #fff; padding: 30rpx; border-radius: 15rpx; margin-bottom: 30rpx; .icon { width: 80rpx; height: 80rpx; image { width: 80rpx; height: 80rpx; } } .info { flex: 1; padding: 0 20rpx; .label { color: #333; } .des { font-size: 26rpx; color: #999; padding: 5rpx 0 0 0; } } } } .report_repair_popup { .title { color: #3d3d3d; font-size: 32rpx; font-weight: 500; line-height: 100rpx; text-align: center; } .report_repair_body { padding: 0 0 50rpx 0; } .report_repair_item { display: flex; align-items: center; padding: 30rpx; background-color: #fff; margin: 0 30rpx 30rpx 30rpx; border-radius: 15rpx; .icon { width: 80rpx; height: 80rpx; image { width: 80rpx; height: 80rpx; } } .des { flex: 1; padding: 0 20rpx; color: #3d3d3d; font-size: 32rpx; font-weight: 500; } } } .work_order_footer { display: flex; align-items: center; justify-content: center; position: fixed; left: 0; bottom: 50rpx; right: 0; font-size: 27rpx; color: #999; button { padding: 0; margin: 0; font-size: 27rpx; background-color: transparent; } text { color: #2a7efb; } } button:after { border: none !important; /* 去掉边框 */ }