feat(miniprogram): 温润东方风全面 UI 重设计

73 文件变更,覆盖全部 40 个页面 SCSS + TabBar 图标 + 组件样式。
统一赤陶主色 #C4623A + 暖米背景 + 衬线标题字体 + 12px 圆角体系。
This commit is contained in:
iven
2026-04-28 00:19:52 +08:00
parent fbb28e655d
commit 50eae8b809
97 changed files with 7633 additions and 2373 deletions

View File

@@ -1,4 +1,5 @@
@import '../../../styles/variables.scss';
@import '../../../styles/mixins.scss';
.detail-page {
min-height: 100vh;
@@ -12,14 +13,12 @@
border-radius: $r;
padding: 28px;
margin-bottom: 20px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
box-shadow: $shadow-sm;
}
.detail-title {
@include section-title;
font-size: 34px;
font-weight: bold;
color: $tx;
display: block;
margin-bottom: 20px;
}
@@ -84,14 +83,11 @@
background: $card;
border-radius: $r;
padding: 28px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
box-shadow: $shadow-sm;
}
.section-title {
font-size: 30px;
font-weight: bold;
color: $tx;
display: block;
@include section-title;
margin-bottom: 16px;
}
@@ -100,7 +96,7 @@
min-height: 200px;
font-size: 28px;
color: $tx;
background: $bd-l;
background: $bg;
border-radius: $r-sm;
padding: 20px;
box-sizing: border-box;
@@ -111,26 +107,28 @@
.submit-btn {
background: $pri;
border-radius: $r-sm;
border-radius: $r;
padding: 24px;
text-align: center;
&:active {
opacity: 0.85;
}
&.disabled {
opacity: 0.6;
opacity: 0.5;
}
}
.submit-btn-text {
font-size: 30px;
color: white;
font-weight: bold;
color: #fff;
font-weight: 600;
}
.loading-state,
.empty-state {
display: flex;
justify-content: center;
align-items: center;
@include flex-center;
padding: 120px 0;
}