OPC-Hub/training
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(配色): 小程序首页/活动/详情等残余深色卡片统一为 Soft UI 柔彩

Browse Source 
- 首页：调研卡片(.mk-assess)、热推产品卡(.mk-product.hot)、标签(.mk-tag.alt)、倒计时(.mk-count) 由深色改为柔彩渐底/软白
- 活动详情：无图封面占位(.ed-img.placeholder) 由深紫渐底改柔彩，标签改软白
- 保持 3.35:1 封面与柔彩颗粒语言一致
This commit is contained in:
Pine
2026-08-27 16:43:09 +08:00
parent f4d4daae4f
commit 89f8d12c3e
2 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/src/pages/event-detail/index.scss
+3 -3
View File
@@ -9,11 +9,11 @@
display: flex; flex-direction: column; justify-content: flex-end; gap: 14rpx;
padding: 44rpx;
box-sizing: border-box;
background: linear-gradient(135deg, #1b2a5e 0%, #241b4a 55%, #3a1e5e 100%);
background: linear-gradient(150deg, #dbe7ff 0%, #e6dcff 55%, #f3e3ff 100%);
}
.ed-img-tag {
align-self: flex-start; font-size: 24rpx; font-weight: 700; color: #23315c;
background: rgba(255, 255, 255, 0.18); border: 1rpx solid rgba(255, 255, 255, 0.3);
align-self: flex-start; font-size: 24rpx; font-weight: 700; color: #6284ff;
background: rgba(255, 255, 255, 0.88); border: 1rpx solid rgba(99, 132, 255, 0.18);
border-radius: 999px; padding: 6rpx 22rpx;
}
.ed-img-title { font-size: 44rpx; font-weight: 800; color: #23315c; line-height: 1.3; }
miniprogram/src/pages/index/index.scss
+14 -12
View File
@@ -245,9 +245,9 @@
}
.mk-product.hot {
border-color: rgba(255, 255, 255, 0.55);
box-shadow: 0 0 0 1rpx #fff;
background: #111113;
border: 1rpx solid rgba(99, 132, 255, 0.18);
box-shadow: 0 10rpx 30rpx rgba(98, 132, 255, 0.14);
background: linear-gradient(150deg, #eaf0ff 0%, #f2e9ff 52%, #e9f5fb 100%);
}
.mk-tag {
@@ -263,8 +263,8 @@
}
.mk-tag.alt {
background: #323234;
color: #c8c8c8;
background: rgba(255, 255, 255, 0.72);
color: #6284ff;
}
.mk-pname {
@@ -371,8 +371,9 @@
/* ---------- 倒计时 ---------- */
.mk-count {
background: linear-gradient(135deg, #161618, #28282a);
border: 1rpx solid rgba(255, 255, 255, 0.22);
background: rgba(255, 255, 255, 0.88);
border: 1rpx solid rgba(99, 132, 255, 0.14);
box-shadow: 0 8rpx 24rpx rgba(59, 79, 125, 0.08);
border-radius: 20px;
padding: 44rpx 36rpx;
text-align: center;
@@ -484,14 +485,15 @@
/* ---------- OPC 测评入口 ---------- */
.mk-assess {
background: linear-gradient(135deg, #161618, #28282a);
border: 1rpx solid rgba(255, 255, 255, 0.22);
border-radius: 20px;
padding: 48rpx 40rpx;
background: linear-gradient(150deg, #eaf0ff 0%, #f2e8ff 52%, #e9f5fb 100%);
border: 1rpx solid rgba(99, 132, 255, 0.16);
border-radius: 24rpx;
padding: 40rpx 36rpx;
display: flex;
flex-direction: column;
gap: 32rpx;
gap: 28rpx;
text-align: center;
box-shadow: 0 10rpx 30rpx rgba(59, 79, 125, 0.10);
}
.assess-badge {