小程序修正
This commit is contained in:
@@ -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高度
|
||||
}
|
||||
|
||||
// 欢迎界面
|
||||
|
||||
Reference in New Issue
Block a user