小程序修正

This commit is contained in:
2025-12-23 13:27:36 +08:00
parent cfb160cf09
commit ce66812c82
48 changed files with 766 additions and 735 deletions

View File

@@ -94,6 +94,8 @@
position: absolute;
width: 100%;
height: 100%;
background: none !important;
border: none !important;
}
.ring {
@@ -102,17 +104,29 @@
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
border: 1px solid rgba(100, 180, 255, 0.15);
background: none !important;
border: none !important;
}
.r1 { width: 260px; height: 260px; }
.r2 { width: 200px; height: 200px; border-color: rgba(100, 180, 255, 0.2); }
.r3 { width: 150px; height: 150px; border-color: rgba(100, 180, 255, 0.25); }
.r4 { width: 110px; height: 110px; border-color: rgba(100, 180, 255, 0.35); }
.r2 { width: 200px; height: 200px; }
.r3 { width: 150px; height: 150px; }
.r4 { width: 110px; height: 110px; }
.robot {
position: relative;
z-index: 2;
width: 140px;
height: 140px;
/* 父容器加一层径向渐变背景,模拟外层模糊光晕 */
background: radial-gradient(circle at center,
rgba(180, 220, 255, 0.5) 0%,
rgba(180, 220, 255, 0.25) 50%,
transparent 75%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.robot-face {
@@ -125,7 +139,10 @@
align-items: center;
justify-content: center;
gap: 16px;
box-shadow: 0 10px 40px rgba(180, 220, 255, 0.5), inset 0 0 20px rgba(255, 255, 255, 0.8);
/* 只保留内阴影,外模糊交给父容器的径向渐变 */
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.8);
/* 取消overflow:hidden避免裁切父容器的渐变光晕 */
overflow: visible;
}
.eye {
@@ -138,9 +155,9 @@
.float-tag {
position: absolute;
padding: 6px 12px;
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(200, 220, 255, 0.5);
border-radius: 16px;
background: transparent; /* 去掉背景色,和左侧一致 */
border: none; /* 去掉边框 */
border-radius: 0; /* 保持直角如果需要圆角也可以改回16px */
font-size: 12px;
color: #666;
}
@@ -192,7 +209,7 @@
padding-bottom: 120px;
position: relative;
// 为固定定位的header留出空间
margin-top: 76px; // 默认header高度
margin-top: 50px; // 默认header高度
}
// 欢迎界面