fix: 六爻模块色系统一为蓝色系

- navigationBar标题改为'六爻测算'
- header-card背景改为蓝色渐变#2563EB
- section-dot改为蓝色#2563EB
- tips-card边框和背景改为蓝色系
- submit-btn改为蓝色渐变
- gender-item.active改为蓝色
This commit is contained in:
H1d3rOne committed 2026-03-07 20:16:23 +08:00
1 parent dbafc76351
commit d33c0488a1
2 files changed
+11 -11

No files matched your search

+1 -1
View File
@@ -35,7 +35,7 @@
{
"path": "pages/liuyao/liuyao",
"style": {
"navigationBarTitleText": "六爻排盘",
"navigationBarTitleText": "六爻测算",
"navigationBarBackgroundColor": "#2563EB",
"navigationBarTextStyle": "white"
}
+10 -10
View File
@@ -4,7 +4,7 @@
<view class="header-icon">
<text class="icon-text">爻</text>
</view>
<text class="header-title">六爻排盘</text>
<text class="header-title">六爻</text>
<text class="header-subtitle">易经占卜 · 预测吉凶</text>
</view>
@@ -103,7 +103,7 @@
<view class="btn-wrapper">
<button class="submit-btn" @click="calculate" :disabled="loading">
<text class="btn-text">{{ loading ? '排盘中...' : '开始排盘' }}</text>
<text class="btn-text">{{ loading ? '测算中...' : '开始测算' }}</text>
</button>
</view>
</view>
@@ -222,12 +222,12 @@ export default {
}
.header-card {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
border-radius: 20rpx;
padding: 40rpx;
margin-bottom: 20rpx;
text-align: center;
box-shadow: 0 4rpx 20rpx rgba(102, 126, 234, 0.3);
box-shadow: 0 4rpx 20rpx rgba(37, 99, 235, 0.3);
}
.header-icon {
@@ -281,7 +281,7 @@ export default {
.section-dot {
width: 8rpx;
height: 8rpx;
background: #667eea;
background: #2563EB;
border-radius: 50%;
margin-right: 10rpx;
}
@@ -359,7 +359,7 @@ export default {
}
.gender-item.active {
background: #667eea;
background: #2563EB;
}
.gender-text {
@@ -405,11 +405,11 @@ export default {
}
.tips-card {
background: #fff5e6;
background: #eff6ff;
border-radius: 20rpx;
padding: 30rpx;
margin-bottom: 20rpx;
border-left: 6rpx solid #ffa500;
border-left: 6rpx solid #2563EB;
}
.tips-title {
@@ -433,12 +433,12 @@ export default {
.submit-btn {
width: 100%;
height: 90rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%);
border-radius: 45rpx;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4rpx 15rpx rgba(102, 126, 234, 0.4);
box-shadow: 0 4rpx 15rpx rgba(37, 99, 235, 0.4);
}
.submit-btn[disabled] {