style: 紫微斗数首页logo改为紫色系渐变
- logo背景改为紫色渐变(#A78BFA到#8B5CF6) - 添加紫色阴影效果 - 添加白色边框 - 添加文字阴影
This commit is contained in:
1 parent
9bd6bc514e
commit
4305883a19
7 files changed
+25
-22
No files matched your search
@@ -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] {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in new issue
Block a user