feat: 样式调整
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<!-- 启动页 —— 沉浸式暖棕主题 -->
|
||||
<page-meta page-style="overflow:hidden; background:#1A1208;" />
|
||||
<page-meta page-style="overflow:hidden; background:#FAFAF8;" />
|
||||
<view class="splash-page">
|
||||
|
||||
<!-- 环境光 -->
|
||||
@@ -39,7 +39,7 @@
|
||||
|
||||
<!-- 底部版权 -->
|
||||
<view class="splash-footer">
|
||||
<text class="footer-text">每天三分钟,精准获取所需</text>
|
||||
<text class="footer-text">每天五分钟,精准获取所需</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
+12
-12
@@ -1,9 +1,9 @@
|
||||
/* 启动页 — 暖棕沉浸主题,与播放器保持一致 */
|
||||
/* 启动页 — 深空蓝沉浸主题 */
|
||||
|
||||
.splash-page {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
background: #1A1208;
|
||||
background: #FAFAF8;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
@@ -20,7 +20,7 @@
|
||||
transform: translateX(-50%);
|
||||
width: 120vw;
|
||||
height: 60vh;
|
||||
background: radial-gradient(ellipse at center, rgba(255,157,66,0.22) 0%, transparent 70%);
|
||||
background: radial-gradient(ellipse at center, rgba(255,158,109,0.2) 0%, transparent 60%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
@@ -49,7 +49,7 @@
|
||||
}
|
||||
.logo-icon {
|
||||
font-size: 120rpx;
|
||||
filter: drop-shadow(0 16rpx 40rpx rgba(255,120,0,0.4));
|
||||
filter: drop-shadow(0 16rpx 40rpx rgba(255,158,109,0.35));
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
@@ -59,7 +59,7 @@
|
||||
position: absolute;
|
||||
inset: -20rpx;
|
||||
border-radius: 50%;
|
||||
border: 3rpx solid rgba(255, 157, 66, 0.45);
|
||||
border: 3rpx solid rgba(255, 158, 109, 0.35);
|
||||
animation: pulse-expand 2s ease-out infinite;
|
||||
}
|
||||
.pulse-ring-2 {
|
||||
@@ -74,14 +74,14 @@
|
||||
.app-title {
|
||||
font-size: 64rpx;
|
||||
font-weight: 800;
|
||||
color: rgba(255, 240, 210, 0.95);
|
||||
color: #333333;
|
||||
letter-spacing: -2rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
.app-sub {
|
||||
font-size: 22rpx;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 200, 120, 0.45);
|
||||
color: #999999;
|
||||
letter-spacing: 6rpx;
|
||||
margin-bottom: 28rpx;
|
||||
text-transform: uppercase;
|
||||
@@ -89,7 +89,7 @@
|
||||
.app-slogan {
|
||||
font-size: 26rpx;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 200, 120, 0.55);
|
||||
color: #666666;
|
||||
letter-spacing: 3rpx;
|
||||
}
|
||||
|
||||
@@ -117,7 +117,7 @@
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
border-radius: 50%;
|
||||
background: rgba(255, 157, 66, 0.7);
|
||||
background: rgba(255, 158, 109, 0.8);
|
||||
animation: dot-bounce 1.2s ease-in-out infinite alternate;
|
||||
}
|
||||
@keyframes dot-bounce {
|
||||
@@ -128,12 +128,12 @@
|
||||
/* 成功状态 */
|
||||
.status-check {
|
||||
font-size: 32rpx;
|
||||
color: #FF9D42;
|
||||
color: #FF9E6D;
|
||||
font-weight: 700;
|
||||
}
|
||||
.status-ok {
|
||||
font-size: 26rpx;
|
||||
color: rgba(255, 200, 120, 0.7);
|
||||
color: #999999;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
@@ -147,6 +147,6 @@
|
||||
}
|
||||
.footer-text {
|
||||
font-size: 20rpx;
|
||||
color: rgba(255, 200, 120, 0.2);
|
||||
color: #CCCCCC;
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user