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

style(booking): 倒计时卡改为更透玻璃材质，中心渐隐由外到中

Browse Source
This commit is contained in:
Pine
2026-08-27 20:47:59 +08:00
parent e3ca0aa167
commit 8fe6efb62a
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/src/pages/booking/index.scss
+7 -5
View File
@@ -105,11 +105,13 @@
/* ---------- 近期活动 · 首屏倒计时（从首页迁入） ---------- */
.mk-section { margin-top: 0; }
.mk-count {
background: rgba(255,255,255,0.55); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%);
border: 1rpx solid rgba(99,132,255,0.14);
box-shadow: 0 8rpx 24rpx rgba(59,79,125,0.08);
border-radius: 20px;
padding: 40rpx 36rpx;
/* 玻璃材质：整体更透，中心最透(从外部到中间渐隐)，边缘略实 */
background: radial-gradient(150% 150% at 50% 24%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.32) 52%, rgba(255,255,255,0.48) 100%);
backdrop-filter: blur(28px) saturate(175%); -webkit-backdrop-filter: blur(28px) saturate(175%);
border: 1rpx solid rgba(255,255,255,0.55);
box-shadow: 0 14rpx 44rpx rgba(59,79,125,0.12), inset 0 1rpx 0 rgba(255,255,255,0.6);
border-radius: 28px;
padding: 44rpx 36rpx;
text-align: center;
margin: 0 0 20rpx;
position: relative;