feat(mp+health): 小程序分包迁移 + 积分商城后台列表 API
Some checks failed
CI / rust-check (push) Has been cancelled
CI / rust-test (push) Has been cancelled
CI / frontend-build (push) Has been cancelled
CI / security-audit (push) Has been cancelled

- 小程序页面迁移到 pkg-health/pkg-mall/pkg-profile 分包目录
- 删除旧 pages/health/input、pages/mall/detail 等旧路径
- 导航路径更新为分包路径(/pages/pkg-mall/exchange/index 等)
- TrendChart 组件优化
- 后台添加 admin_list_products API(支持查看已下架商品)
- config/index.ts 添加 defineConstants 环境变量
- mp e2e check-readiness 路径修正
This commit is contained in:
iven
2026-04-29 07:29:49 +08:00
parent 9015a2b85e
commit cb6f5cc651
32 changed files with 229 additions and 516 deletions

View File

@@ -0,0 +1,218 @@
@import '../../../styles/variables.scss';
@mixin serif-number {
font-family: 'Georgia', 'Times New Roman', serif;
font-variant-numeric: tabular-nums;
}
@mixin section-title {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 30px;
font-weight: bold;
color: $tx;
margin-bottom: 20px;
display: block;
}
@mixin tag($bg, $color) {
display: inline-block;
padding: 4px 12px;
border-radius: 8px;
font-size: 20px;
font-weight: 500;
background: $bg;
color: $color;
}
@mixin flex-center {
display: flex;
align-items: center;
justify-content: center;
}
.exchange-page {
min-height: 100vh;
background: $bg;
padding-bottom: 140px;
}
/* ===== 商品预览 ===== */
.product-card {
display: flex;
align-items: center;
padding: 32px 24px;
background: $card;
margin: 20px 24px 16px;
border-radius: $r-lg;
box-shadow: $shadow-sm;
}
.product-icon-wrap {
width: 128px;
height: 128px;
border-radius: $r;
@include flex-center;
margin-right: 24px;
flex-shrink: 0;
}
.product-icon-char {
font-family: 'Georgia', 'Times New Roman', serif;
font-size: 52px;
font-weight: bold;
color: #FFFFFF;
}
.product-meta {
flex: 1;
min-width: 0;
}
.product-name {
font-size: 32px;
font-weight: bold;
color: $tx;
display: block;
margin-bottom: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.product-type-tag {
@include tag($pri-l, $pri-d);
}
/* ===== 兑换明细 ===== */
.detail-section {
padding: 0 24px;
margin-bottom: 16px;
}
.detail-section-title {
@include section-title;
}
.detail-card {
background: $card;
border-radius: $r;
box-shadow: $shadow-sm;
padding: 0 24px;
}
.detail-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 0;
border-bottom: 1px solid $bd-l;
&.last {
border-bottom: none;
}
}
.detail-label {
font-size: 28px;
color: $tx2;
}
.detail-value {
@include serif-number;
font-size: 28px;
color: $tx;
font-weight: bold;
&.detail-cost {
color: $pri;
font-size: 34px;
}
&.detail-sufficient {
color: $acc;
}
&.detail-insufficient {
color: $dan;
}
}
/* ===== 温馨提示 ===== */
.notice-section {
background: $card;
padding: 24px;
margin: 0 24px;
border-radius: $r;
box-shadow: $shadow-sm;
}
.notice-title {
@include section-title;
font-size: 28px;
margin-bottom: 12px;
}
.notice-text {
font-size: 24px;
color: $tx3;
display: block;
line-height: 1.7;
margin-bottom: 4px;
}
/* ===== 底部操作栏 ===== */
.exchange-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
padding: 16px 24px;
padding-bottom: calc(16px + env(safe-area-inset-bottom));
background: $card;
box-shadow: 0 -2px 12px rgba(45, 42, 38, 0.06);
z-index: 10;
}
.footer-cost {
flex: 1;
display: flex;
flex-direction: column;
}
.footer-cost-label {
font-size: 22px;
color: $tx3;
}
.footer-cost-num {
@include serif-number;
font-size: 38px;
font-weight: bold;
color: $pri;
}
.footer-cost-unit {
font-size: 22px;
color: $tx2;
margin-left: 4px;
}
.confirm-btn {
background: $pri;
padding: 20px 48px;
border-radius: $r-pill;
transition: opacity 0.2s;
&.disabled {
background: $bd;
opacity: 0.7;
}
}
.confirm-btn-text {
font-size: 30px;
color: white;
font-weight: bold;
}