style: 统一各功能模块色系与主页logo色系一致
- 紫微斗数:紫色 #8B5CF6 → #7C3AED - 占星术:粉红色 #DB2777 → #BE185D - 奇门遁甲:橙色 #D97706 → #B45309 - 梅花易数:绿色 #059669 → #047857 - 大六壬:紫色 #7C3AED → #6D28D9
This commit is contained in:
1 parent
103f6d8d84
commit
9b36628a7c
6 files changed
+12
-12
No files matched your search
@@ -229,12 +229,12 @@ page {
|
||||
}
|
||||
|
||||
.header-card {
|
||||
background: linear-gradient(135deg, #059669 0%, #047857 100%);
|
||||
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
|
||||
border-radius: 32rpx;
|
||||
padding: 48rpx 32rpx;
|
||||
text-align: center;
|
||||
margin-bottom: 32rpx;
|
||||
box-shadow: 0 16rpx 48rpx rgba(5, 150, 105, 0.25);
|
||||
box-shadow: 0 16rpx 48rpx rgba(124, 58, 237, 0.25);
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
|
||||
@@ -55,10 +55,10 @@
|
||||
|
||||
<view class="menu-item" @click="goToZhanxing">
|
||||
<view class="menu-icon-wrapper">
|
||||
<view class="menu-icon" style="background: linear-gradient(135deg, #9333EA 0%, #7C3AED 100%);">
|
||||
<view class="menu-icon" style="background: linear-gradient(135deg, #DB2777 0%, #BE185D 100%);">
|
||||
<text class="icon-text">✧</text>
|
||||
</view>
|
||||
<view class="icon-glow" style="background: rgba(147, 51, 234, 0.3);"></view>
|
||||
<view class="icon-glow" style="background: rgba(219, 39, 119, 0.3);"></view>
|
||||
</view>
|
||||
<view class="menu-content">
|
||||
<text class="menu-name">占星术</text>
|
||||
|
||||
@@ -243,12 +243,12 @@ export default {
|
||||
}
|
||||
|
||||
.header-card {
|
||||
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||||
background: linear-gradient(135deg, #059669 0%, #047857 100%);
|
||||
border-radius: 20rpx;
|
||||
padding: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
text-align: center;
|
||||
box-shadow: 0 4rpx 20rpx rgba(240, 147, 251, 0.3);
|
||||
box-shadow: 0 4rpx 20rpx rgba(5, 150, 105, 0.3);
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
|
||||
@@ -262,12 +262,12 @@ page {
|
||||
}
|
||||
|
||||
.header-card {
|
||||
background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
|
||||
background: linear-gradient(135deg, #D97706 0%, #B45309 100%);
|
||||
border-radius: 32rpx;
|
||||
padding: 48rpx 32rpx;
|
||||
text-align: center;
|
||||
margin-bottom: 32rpx;
|
||||
box-shadow: 0 16rpx 48rpx rgba(99, 102, 241, 0.25);
|
||||
box-shadow: 0 16rpx 48rpx rgba(217, 119, 6, 0.25);
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
|
||||
@@ -175,12 +175,12 @@ export default {
|
||||
}
|
||||
|
||||
.header-card {
|
||||
background: linear-gradient(135deg, #9333ea 0%, #7c3aed 100%);
|
||||
background: linear-gradient(135deg, #DB2777 0%, #BE185D 100%);
|
||||
border-radius: 20rpx;
|
||||
padding: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
text-align: center;
|
||||
box-shadow: 0 4rpx 20rpx rgba(147, 51, 234, 0.3);
|
||||
box-shadow: 0 4rpx 20rpx rgba(219, 39, 119, 0.3);
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
|
||||
@@ -192,12 +192,12 @@ page {
|
||||
}
|
||||
|
||||
.header-card {
|
||||
background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);
|
||||
background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 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(139, 92, 246, 0.25);
|
||||
}
|
||||
|
||||
.header-icon {
|
||||
|
||||
Reference in new issue
Block a user