|
@@ -188,10 +188,10 @@ export default {
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
-<style scoped>
|
|
|
|
|
|
|
+<style scoped lang="scss">
|
|
|
.mirror-container {
|
|
.mirror-container {
|
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
|
- background: #F8F6F0;
|
|
|
|
|
|
|
+ background: $facade-fill-warm-tint;
|
|
|
padding-bottom: 40rpx;
|
|
padding-bottom: 40rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -200,13 +200,13 @@ export default {
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
padding: 120rpx 0;
|
|
padding: 120rpx 0;
|
|
|
- color: #999;
|
|
|
|
|
|
|
+ color: $facade-text-muted;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.mirror-section {
|
|
.mirror-section {
|
|
|
margin: 24rpx 32rpx;
|
|
margin: 24rpx 32rpx;
|
|
|
- background: #fff;
|
|
|
|
|
|
|
+ background: $app-surface;
|
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
|
padding: 28rpx;
|
|
padding: 28rpx;
|
|
|
box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
|
|
box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
|
|
@@ -226,7 +226,7 @@ export default {
|
|
|
.section-title {
|
|
.section-title {
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
- color: #333;
|
|
|
|
|
|
|
+ color: $facade-text-strong;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.bazi-grid {
|
|
.bazi-grid {
|
|
@@ -243,15 +243,15 @@ export default {
|
|
|
|
|
|
|
|
.bazi-pillar-label {
|
|
.bazi-pillar-label {
|
|
|
font-size: 22rpx;
|
|
font-size: 22rpx;
|
|
|
- color: #999;
|
|
|
|
|
|
|
+ color: $facade-text-muted;
|
|
|
margin-bottom: 8rpx;
|
|
margin-bottom: 8rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.bazi-pillar-value {
|
|
.bazi-pillar-value {
|
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
|
- color: #8B5CF6;
|
|
|
|
|
- background: #F5F0FF;
|
|
|
|
|
|
|
+ color: $facade-violet;
|
|
|
|
|
+ background: $facade-violet-tint;
|
|
|
padding: 12rpx 16rpx;
|
|
padding: 12rpx 16rpx;
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
|
}
|
|
}
|
|
@@ -278,7 +278,7 @@ export default {
|
|
|
.wuxing-bar-track {
|
|
.wuxing-bar-track {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
height: 24rpx;
|
|
height: 24rpx;
|
|
|
- background: #F0F0F0;
|
|
|
|
|
|
|
+ background: $facade-fill;
|
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
}
|
|
}
|
|
@@ -290,7 +290,7 @@ export default {
|
|
|
|
|
|
|
|
.wuxing-value {
|
|
.wuxing-value {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #666;
|
|
|
|
|
|
|
+ color: $facade-text-body;
|
|
|
width: 60rpx;
|
|
width: 60rpx;
|
|
|
text-align: right;
|
|
text-align: right;
|
|
|
}
|
|
}
|
|
@@ -298,7 +298,7 @@ export default {
|
|
|
.energy-card {
|
|
.energy-card {
|
|
|
margin-top: 24rpx;
|
|
margin-top: 24rpx;
|
|
|
padding: 28rpx 24rpx;
|
|
padding: 28rpx 24rpx;
|
|
|
- background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
|
|
|
|
|
|
+ background: linear-gradient(135deg, $app-ink-night 0%, $app-ink-night-2 50%, $app-ink-night-3 100%);
|
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
@@ -342,7 +342,7 @@ export default {
|
|
|
.energy-label {
|
|
.energy-label {
|
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
|
- background: linear-gradient(135deg, #F59E0B, #FF6B9D);
|
|
|
|
|
|
|
+ background: linear-gradient(135deg, $dim-wealth, $dim-mind);
|
|
|
-webkit-background-clip: text;
|
|
-webkit-background-clip: text;
|
|
|
-webkit-text-fill-color: transparent;
|
|
-webkit-text-fill-color: transparent;
|
|
|
background-clip: text;
|
|
background-clip: text;
|
|
@@ -358,7 +358,7 @@ export default {
|
|
|
|
|
|
|
|
.energy-quote {
|
|
.energy-quote {
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
- color: #E2E8F0;
|
|
|
|
|
|
|
+ color: $uni-bg-color-dark;
|
|
|
line-height: 1.8;
|
|
line-height: 1.8;
|
|
|
display: block;
|
|
display: block;
|
|
|
margin-bottom: 16rpx;
|
|
margin-bottom: 16rpx;
|
|
@@ -375,13 +375,13 @@ export default {
|
|
|
top: 4rpx;
|
|
top: 4rpx;
|
|
|
bottom: 4rpx;
|
|
bottom: 4rpx;
|
|
|
width: 4rpx;
|
|
width: 4rpx;
|
|
|
- background: linear-gradient(180deg, #F59E0B, #FF6B9D);
|
|
|
|
|
|
|
+ background: linear-gradient(180deg, $dim-wealth, $dim-mind);
|
|
|
border-radius: 2rpx;
|
|
border-radius: 2rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.energy-advice {
|
|
.energy-advice {
|
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
|
- color: #94A3B8;
|
|
|
|
|
|
|
+ color: $app-text-subtle;
|
|
|
line-height: 1.7;
|
|
line-height: 1.7;
|
|
|
display: block;
|
|
display: block;
|
|
|
position: relative;
|
|
position: relative;
|
|
@@ -424,7 +424,7 @@ export default {
|
|
|
.zodiac-name {
|
|
.zodiac-name {
|
|
|
font-size: 40rpx;
|
|
font-size: 40rpx;
|
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
|
- color: #F59E0B;
|
|
|
|
|
|
|
+ color: $dim-wealth;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.numsoul-display {
|
|
.numsoul-display {
|
|
@@ -446,7 +446,7 @@ export default {
|
|
|
.numsoul-num {
|
|
.numsoul-num {
|
|
|
font-size: 44rpx;
|
|
font-size: 44rpx;
|
|
|
font-weight: 700;
|
|
font-weight: 700;
|
|
|
- color: #fff;
|
|
|
|
|
|
|
+ color: $app-surface;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.numsoul-info {
|
|
.numsoul-info {
|
|
@@ -456,20 +456,20 @@ export default {
|
|
|
.numsoul-title {
|
|
.numsoul-title {
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
|
- color: #333;
|
|
|
|
|
|
|
+ color: $facade-text-strong;
|
|
|
display: block;
|
|
display: block;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.numsoul-keywords {
|
|
.numsoul-keywords {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #666;
|
|
|
|
|
|
|
+ color: $facade-text-body;
|
|
|
display: block;
|
|
display: block;
|
|
|
margin-top: 6rpx;
|
|
margin-top: 6rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.numsoul-advice {
|
|
.numsoul-advice {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #8B5CF6;
|
|
|
|
|
|
|
+ color: $facade-violet;
|
|
|
display: block;
|
|
display: block;
|
|
|
margin-top: 8rpx;
|
|
margin-top: 8rpx;
|
|
|
line-height: 1.5;
|
|
line-height: 1.5;
|
|
@@ -478,7 +478,7 @@ export default {
|
|
|
.empty-data {
|
|
.empty-data {
|
|
|
padding: 20rpx;
|
|
padding: 20rpx;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
|
- color: #999;
|
|
|
|
|
|
|
+ color: $facade-text-muted;
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -496,6 +496,6 @@ export default {
|
|
|
|
|
|
|
|
.empty-text {
|
|
.empty-text {
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
- color: #999;
|
|
|
|
|
|
|
+ color: $facade-text-muted;
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|