feat: 新增全局布局样式并提升组件响应式表现

- 在 global-layout.scss 中引入全局布局样式,统一页面宽度与对齐方式
- 更新多个组件与页面以优化响应式,包括宽度、间距及 flex 布局等调整
- 在 API 请求中增加 loading 状态管理,改善用户体验
- 优化领券中心与商品详情页,提升功能与 UI 一致性
This commit is contained in:
田香琪
2026-06-23 10:17:35 +08:00
parent c1447b4376
commit 8a60e23214
129 changed files with 5236 additions and 2232 deletions

View File

@@ -78,15 +78,35 @@
}
.sku-val {
width: 100%;
justify-content: flex-start;
flex-wrap: wrap;
.sku-val-label {
margin-bottom: 10px;
font-weight: bold;
}
.sku-val-form {
flex-wrap: wrap !important;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
}
>.ivu-form {
flex-wrap: wrap !important;
}
:deep(.sku-item-content-val) {
margin-right: 20px;
margin-left: 0 !important;
width: auto !important;
min-width: auto !important;
.el-form-item__content {
margin-left: 0 !important;
}
}
}
@@ -151,9 +171,23 @@ div.base-info-item {
.sku-item-content-name {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
margin-bottom: 10px;
.sku-item-label {
font-weight: bold;
margin-bottom: 8px;
line-height: 1.5;
}
.sku-item-input-row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
}
}
}