refactor: 全项目 UI/UX 标准化修复
- P0: uni.scss 全局 Token 修正(字体SourceHanSerifCN、色彩#111/#333/#666/#999/#eeeeee、删除600字重) - P0: 分包6页面色彩迁移(#4A90D9→#3c9cff、#E74C3C→#e53935、圆角统一24rpx) - P1: qrcode页面全量SCSS迁移(12个硬编码色值替换、emoji图标替换、圆角统一) - P1: index页面价格色修正(#f9ae3d→#e53935、按钮主色统一、硬编码字号对齐) - P2: 10个页面字号/圆角/字体统一(notice-list/scenic/login/profile/faq/card-bind等) - P3: 全局 font-weight:600 替换为500/700(5处),删除semibold变量和工具类 - 新增 -size-title: 38rpx Token - 构建验证通过 Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
+20
-20
@@ -272,9 +272,9 @@ function goMore() {
|
||||
flex-shrink: 0;
|
||||
background: $color-accent;
|
||||
|
||||
&.type-important { background: #EF4444; }
|
||||
&.type-scenic { background: #0052FF; }
|
||||
&.type-promo { background: #F59E0B; }
|
||||
&.type-important { background: #e53935; }
|
||||
&.type-scenic { background: #3c9cff; }
|
||||
&.type-promo { background: #f9ae3d; }
|
||||
}
|
||||
|
||||
.chevron {
|
||||
@@ -311,7 +311,7 @@ function goMore() {
|
||||
background: $color-card;
|
||||
padding: $spacing-2 $spacing-3;
|
||||
margin: $spacing-2 $spacing-3 0;
|
||||
border-radius: 16rpx;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: $shadow-sm;
|
||||
}
|
||||
|
||||
@@ -374,7 +374,7 @@ function goMore() {
|
||||
margin: $spacing-3;
|
||||
padding: $spacing-3 0;
|
||||
background: $color-card;
|
||||
border-radius: 16rpx;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: $shadow-sm;
|
||||
}
|
||||
|
||||
@@ -411,7 +411,7 @@ function goMore() {
|
||||
|
||||
.promo {
|
||||
position: relative;
|
||||
border-radius: $radius-xl;
|
||||
border-radius: $radius-lg;
|
||||
overflow: hidden;
|
||||
min-height: 400rpx;
|
||||
transition: transform $transition-fast;
|
||||
@@ -460,13 +460,13 @@ function goMore() {
|
||||
padding: 6rpx $spacing-3;
|
||||
font-size: $font-size-sm;
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
font-weight: $font-weight-semibold;
|
||||
font-weight: 500;
|
||||
margin-bottom: $spacing-3;
|
||||
}
|
||||
|
||||
.promo-name {
|
||||
font-family: $font-family-display;
|
||||
font-size: 56rpx;
|
||||
font-size: 38rpx;
|
||||
font-weight: $font-weight-bold;
|
||||
color: #fff;
|
||||
display: block;
|
||||
@@ -490,13 +490,13 @@ function goMore() {
|
||||
.promo-currency {
|
||||
font-size: $font-size-2xl;
|
||||
font-weight: $font-weight-bold;
|
||||
color: $uv-warning;
|
||||
color: #e53935;
|
||||
}
|
||||
|
||||
.promo-price {
|
||||
font-size: 96rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: $font-weight-bold;
|
||||
color: $uv-warning;
|
||||
color: #e53935;
|
||||
line-height: 0.85;
|
||||
letter-spacing: -4rpx;
|
||||
}
|
||||
@@ -516,7 +516,7 @@ function goMore() {
|
||||
|
||||
.promo-save {
|
||||
font-size: $font-size-2xl;
|
||||
color: $uv-warning;
|
||||
color: #e53935;
|
||||
font-weight: $font-weight-bold;
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
@@ -552,8 +552,8 @@ function goMore() {
|
||||
align-self: flex-start;
|
||||
padding: $spacing-2 $spacing-8;
|
||||
border-radius: $radius-full;
|
||||
background: $uv-warning;
|
||||
box-shadow: 0 8rpx 24rpx rgba(249, 174, 61, 0.4);
|
||||
background: $uv-primary;
|
||||
box-shadow: 0 8rpx 24rpx rgba(60, 156, 255, 0.3);
|
||||
transition: transform $transition-fast;
|
||||
|
||||
&:active {
|
||||
@@ -563,14 +563,14 @@ function goMore() {
|
||||
.cta-label {
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-bold;
|
||||
color: $uv-main-color;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.cta-arrow {
|
||||
width: 10rpx;
|
||||
height: 10rpx;
|
||||
border-top: 3rpx solid $uv-main-color;
|
||||
border-right: 3rpx solid $uv-main-color;
|
||||
border-top: 3rpx solid #ffffff;
|
||||
border-right: 3rpx solid #ffffff;
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
}
|
||||
@@ -676,7 +676,7 @@ function goMore() {
|
||||
|
||||
.spot-name {
|
||||
font-size: $font-size-sm;
|
||||
font-weight: $font-weight-semibold;
|
||||
font-weight: 500;
|
||||
color: $color-foreground;
|
||||
display: block;
|
||||
margin-bottom: $spacing-1;
|
||||
@@ -693,8 +693,8 @@ function goMore() {
|
||||
|
||||
.spot-price {
|
||||
font-size: $font-size-base;
|
||||
color: $uv-warning;
|
||||
font-weight: $font-weight-semibold;
|
||||
color: #e53935;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.spot-benefit {
|
||||
|
||||
Reference in New Issue
Block a user