feat(ui): 首页/雷达/TabBar 首版高级感视觉升级
- 扩展设计 Token:表面层级、发丝线、圆角、间距、动效曲线、数字字体 - 首页:克制霓虹背景、玻璃搜索栏、大图 Banner、金色标题、横向筛选胶囊、封面渐变、认证角标、卡片错峰入场、匹配弹窗改底部 Sheet - 雷达:感知舱玻璃层级、细线同心圆、低干扰扫描、Marker 弹性落点、订单卡片左侧状态线、暖色主题适配 - TabBar:玻璃悬浮、选中指示条、中间发单按钮分层高光、暖色主题同步 - 已通过 HBuilderX 编译并生成预览二维码;777 用例全绿
这个提交包含在:
@@ -390,4 +390,47 @@ body:has(.theme-warm) uni-tabbar [class*="active"] span {
|
||||
font-weight: 700 !important;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
/* ===== 高级感设计系统扩展(轻奢夜色 · 克制霓虹) ===== */
|
||||
:root, page {
|
||||
--surface-0: #070B14;
|
||||
--surface-1: #0F1626;
|
||||
--surface-2: #161F33;
|
||||
--surface-3: #1E2942;
|
||||
--hairline: rgba(255, 255, 255, 0.08);
|
||||
--hairline-strong: rgba(255, 255, 255, 0.14);
|
||||
--gold: #D9A441;
|
||||
--emerald: #10B981;
|
||||
--radius-sm: 12rpx;
|
||||
--radius-md: 20rpx;
|
||||
--radius-lg: 28rpx;
|
||||
--radius-xl: 36rpx;
|
||||
--sp-1: 8rpx;
|
||||
--sp-2: 16rpx;
|
||||
--sp-3: 24rpx;
|
||||
--sp-4: 32rpx;
|
||||
--sp-5: 48rpx;
|
||||
--sp-6: 64rpx;
|
||||
--motion-fast: 120ms;
|
||||
--motion-base: 220ms;
|
||||
--motion-slow: 360ms;
|
||||
--ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
|
||||
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||
--shadow-card: 0 12rpx 32rpx rgba(0, 0, 0, 0.26);
|
||||
--shadow-float: 0 24rpx 60rpx rgba(0, 0, 0, 0.38);
|
||||
--font-num: 'DIN Alternate', 'SF Pro Display', 'Helvetica Neue', monospace;
|
||||
}
|
||||
|
||||
page:has(.theme-warm), page.theme-warm, .theme-warm {
|
||||
--surface-0: #FDFBF7;
|
||||
--surface-1: #FFFFFF;
|
||||
--surface-2: #F8F5F0;
|
||||
--surface-3: #F1ECE4;
|
||||
--hairline: #F0ECE4;
|
||||
--hairline-strong: #E7E5E4;
|
||||
--gold: #C2410C;
|
||||
--emerald: #059669;
|
||||
--shadow-card: 0 12rpx 28rpx rgba(28, 25, 23, 0.06);
|
||||
--shadow-float: 0 24rpx 56rpx rgba(28, 25, 23, 0.12);
|
||||
}
|
||||
</style>
|
||||
|
||||
在新工单中引用
屏蔽一个用户