feat(user): 新增收货地址管理及售后申请页面
- 新增地址类型定义,增强前端地址数据结构 - 新增地址编辑页面,支持地址智能识别和定位选点功能 - 地址编辑支持省市区选择及默认地址设置 - 新增地址列表页面,支持地址展示、删除、编辑和选择功能 - 实现售后申请页面,支持选择售后类型和退款原因 - 售后申请支持商品选择、退款金额计算和凭证上传 - 新增售后详情页面,支持售后状态展示及申请取消 - 优化页面加载和用户交互体验,增加错误提示和权限处理
This commit is contained in:
87
src_bak/components/ErrorBoundary.scss
Normal file
87
src_bak/components/ErrorBoundary.scss
Normal file
@@ -0,0 +1,87 @@
|
||||
.error-boundary {
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 32px;
|
||||
background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
|
||||
}
|
||||
|
||||
.error-boundary__container {
|
||||
width: 100%;
|
||||
max-width: 560px;
|
||||
padding: 32px 24px;
|
||||
border-radius: 24px;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.error-boundary__icon {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
margin: 0 auto 16px;
|
||||
border-radius: 999px;
|
||||
background: #fee2e2;
|
||||
color: #dc2626;
|
||||
font-size: 32px;
|
||||
line-height: 72px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.error-boundary__title {
|
||||
display: block;
|
||||
margin-bottom: 12px;
|
||||
font-size: 32px;
|
||||
font-weight: 600;
|
||||
color: #0f172a;
|
||||
}
|
||||
|
||||
.error-boundary__message {
|
||||
display: block;
|
||||
color: #475569;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.error-boundary__details {
|
||||
margin-top: 20px;
|
||||
padding: 16px;
|
||||
text-align: left;
|
||||
border-radius: 16px;
|
||||
background: #f8fafc;
|
||||
}
|
||||
|
||||
.error-boundary__error-title {
|
||||
display: block;
|
||||
margin-bottom: 8px;
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
color: #0f172a;
|
||||
}
|
||||
|
||||
.error-boundary__error-message {
|
||||
display: block;
|
||||
word-break: break-word;
|
||||
color: #b91c1c;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.error-boundary__actions {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.error-boundary__button {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.error-boundary__button--primary {
|
||||
color: #fff;
|
||||
background: #2563eb;
|
||||
}
|
||||
|
||||
.error-boundary__button--secondary {
|
||||
color: #0f172a;
|
||||
background: #e2e8f0;
|
||||
}
|
||||
Reference in New Issue
Block a user