feat(order): add order detail and list pages with components for order management

- Implemented order detail page with components for displaying order status, user info, and refund options.
- Created order list page with pagination and order cards for displaying all orders.
- Added styles for order detail and list pages.
- Developed a prompt document outlining component requirements for the order management system.
- Introduced a new Card component for quick booking with a responsive design.
- Enhanced Tabs component for better navigation between different categories.
- Integrated z-paging for efficient data loading and management in order and quick booking lists.
- Added service order card component for displaying service requests with call functionality.
- Updated main CSS for improved viewport handling.
This commit is contained in:
duanshuwen
2026-05-26 15:38:33 +08:00
parent fa76435e38
commit ad93ca5e8e
194 changed files with 17069 additions and 2 deletions

View File

@@ -0,0 +1,66 @@
.privacy {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9999;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: end;
}
.title {
font-size: 20px;
font-weight: bold;
color: #000;
padding-bottom: 20rpx;
}
.content {
position: relative;
background-color: #fff;
padding: 15px;
border-radius: 20px 20px 0 0;
}
.des {
line-height: 21px;
}
.link {
color: #007aff;
}
.btns {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 0 40px;
}
.reject,
.agree {
border-radius: $uni-border-radius-50px;
width: 45%;
border: none;
font-size: 18px;
margin: 0;
&::after {
border: none;
}
}
.reject {
color: #000;
background-color: #f5f5f5;
border-radius: $uni-border-radius-50px;
}
.agree {
color: #fff;
background-color: #007aff;
}