style: 紫微斗数首页logo改为紫色系渐变

- logo背景改为紫色渐变(#A78BFA到#8B5CF6)
- 添加紫色阴影效果
- 添加白色边框
- 添加文字阴影
This commit is contained in:
H1d3rOne committed 2026-03-07 19:10:15 +08:00
1 parent 9bd6bc514e
commit 4305883a19
7 files changed
+25 -22

No files matched your search

+9 -9
View File
@@ -201,12 +201,12 @@ page {
}
.header-card {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
border-radius: 32rpx;
padding: 48rpx 32rpx;
text-align: center;
margin-bottom: 32rpx;
box-shadow: 0 16rpx 48rpx rgba(124, 58, 237, 0.25);
box-shadow: 0 16rpx 48rpx rgba(220, 38, 38, 0.25);
}
.header-icon {
@@ -262,7 +262,7 @@ page {
.section-dot {
width: 8rpx;
height: 8rpx;
background: #7C3AED;
background: #DC2626;
border-radius: 50%;
margin-right: 12rpx;
}
@@ -338,8 +338,8 @@ page {
}
.gender-item.active {
background: #EDE9FE;
border-color: #7C3AED;
background: #FEE2E2;
border-color: #DC2626;
}
.gender-text {
@@ -349,7 +349,7 @@ page {
}
.gender-item.active .gender-text {
color: #7C3AED;
color: #DC2626;
}
.tips-card {
@@ -379,17 +379,17 @@ page {
}
.submit-btn {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
border-radius: 24rpx;
padding: 32rpx;
text-align: center;
box-shadow: 0 12rpx 32rpx rgba(124, 58, 237, 0.3);
box-shadow: 0 12rpx 32rpx rgba(220, 38, 38, 0.3);
border: none;
}
.submit-btn:active {
transform: scale(0.98);
box-shadow: 0 8rpx 24rpx rgba(124, 58, 237, 0.4);
box-shadow: 0 8rpx 24rpx rgba(220, 38, 38, 0.4);
}
.submit-btn[disabled] {
+4 -4
View File
@@ -260,11 +260,11 @@ page {
}
.header-card {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
border-radius: 32rpx;
padding: 32rpx;
margin-bottom: 24rpx;
box-shadow: 0 16rpx 48rpx rgba(124, 58, 237, 0.25);
box-shadow: 0 16rpx 48rpx rgba(220, 38, 38, 0.25);
}
.header-row {
@@ -380,7 +380,7 @@ page {
.card-dot {
width: 8rpx;
height: 8rpx;
background: #7C3AED;
background: #DC2626;
border-radius: 50%;
margin-right: 12rpx;
}
@@ -442,7 +442,7 @@ page {
}
.detail-icon.personality {
background: linear-gradient(135deg, #7C3AED, #6D28D9);
background: linear-gradient(135deg, #DC2626, #B91C1C);
}
.detail-icon.career {
@@ -229,7 +229,7 @@ page {
}
.header-card {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #059669 0%, #047857 100%);
border-radius: 32rpx;
padding: 48rpx 32rpx;
text-align: center;
@@ -407,7 +407,7 @@ page {
}
.submit-btn {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #059669 0%, #047857 100%);
border-radius: 24rpx;
padding: 32rpx;
text-align: center;
@@ -222,7 +222,7 @@ export default {
}
.header-card {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 20rpx;
padding: 40rpx;
margin-bottom: 20rpx;
@@ -433,7 +433,7 @@ export default {
.submit-btn {
width: 100%;
height: 90rpx;
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 45rpx;
display: flex;
align-items: center;
@@ -243,7 +243,7 @@ export default {
}
.header-card {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
border-radius: 20rpx;
padding: 40rpx;
margin-bottom: 20rpx;
@@ -488,7 +488,7 @@ export default {
.submit-btn {
width: 100%;
height: 90rpx;
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
border-radius: 45rpx;
display: flex;
align-items: center;
+2 -2
View File
@@ -262,7 +262,7 @@ page {
}
.header-card {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
border-radius: 32rpx;
padding: 48rpx 32rpx;
text-align: center;
@@ -445,7 +445,7 @@ page {
}
.submit-btn {
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
border-radius: 24rpx;
padding: 32rpx;
text-align: center;
+4 -1
View File
@@ -203,18 +203,21 @@ page {
.header-icon {
width: 96rpx;
height: 96rpx;
background: rgba(255, 255, 255, 0.2);
background: linear-gradient(135deg, #A78BFA 0%, #8B5CF6 100%);
border-radius: 24rpx;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24rpx;
box-shadow: 0 8rpx 24rpx rgba(139, 92, 246, 0.4);
border: 2rpx solid rgba(255, 255, 255, 0.3);
}
.icon-text {
font-size: 48rpx;
color: #ffffff;
font-weight: 700;
text-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
}
.header-title {