赵忠林
1fa58040f3
- 新增地址类型定义，增强前端地址数据结构 - 新增地址编辑页面，支持地址智能识别和定位选点功能 - 地址编辑支持省市区选择及默认地址设置 - 新增地址列表页面，支持地址展示、删除、编辑和选择功能 - 实现售后申请页面，支持选择售后类型和退款原因 - 售后申请支持商品选择、退款金额计算和凭证上传 - 新增售后详情页面，支持售后状态展示及申请取消 - 优化页面加载和用户交互体验，增加错误提示和权限处理
88 lines
1.4 KiB
SCSS
88 lines
1.4 KiB
SCSS
.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;
|
|
}
|