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,56 @@
.store-address {
display: flex;
align-items: center;
margin-top: 12px;
padding: 12px;
background-color: #ffffff;
border-top: 1px solid #e0e0e0;
// 左侧文本容器
.text-container {
display: flex;
flex-direction: column;
flex: 1;
}
.location-label {
color: $text-color-800;
font-size: $uni-font-size-base;
font-weight: 500;
}
.address-text {
margin-top: 4px;
color: $text-color-600;
font-size: $uni-font-size-sm;
font-weight: 400;
}
// 右侧操作按钮组
.actions {
display: flex;
align-items: center;
gap: 10px;
margin-left: 16px;
}
.actions-btn {
width: 28px;
height: 28px;
border-radius: 10px;
background-color: #F5F5F5;
display: flex;
align-items: center;
justify-content: center;
}
.actions-icon {
font-size: 16px;
line-height: 16px;
}
.actions-text {
font-size: $uni-font-size-sm;
color: $text-color-600;
}
}