|
|
@@ -58,7 +58,7 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style scoped>
|
|
|
+<style scoped lang="scss">
|
|
|
.dim-subdims {
|
|
|
margin: 20rpx 30rpx;
|
|
|
background: rgba(255, 255, 255, 0.95);
|
|
|
@@ -73,12 +73,12 @@ export default {
|
|
|
.dim-title {
|
|
|
font-size: 32rpx;
|
|
|
font-weight: 700;
|
|
|
- color: #1a1a2e;
|
|
|
+ color: $app-ink-night;
|
|
|
display: block;
|
|
|
}
|
|
|
.dim-subtitle {
|
|
|
font-size: 24rpx;
|
|
|
- color: #94a3b8;
|
|
|
+ color: $app-text-subtle;
|
|
|
margin-top: 6rpx;
|
|
|
display: block;
|
|
|
}
|
|
|
@@ -111,13 +111,13 @@ export default {
|
|
|
.dim-item-label {
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 600;
|
|
|
- color: #1e293b;
|
|
|
+ color: $uni-text-color;
|
|
|
display: block;
|
|
|
line-height: 1.4;
|
|
|
}
|
|
|
.dim-item-desc {
|
|
|
font-size: 22rpx;
|
|
|
- color: #94a3b8;
|
|
|
+ color: $app-text-subtle;
|
|
|
margin-top: 4rpx;
|
|
|
display: block;
|
|
|
line-height: 1.4;
|
|
|
@@ -132,9 +132,9 @@ export default {
|
|
|
font-weight: 700;
|
|
|
line-height: 1;
|
|
|
}
|
|
|
-.score-good { color: #16a34a; }
|
|
|
-.score-ok { color: #d97706; }
|
|
|
-.score-low { color: #dc2626; }
|
|
|
+.score-good { color: $status-success-strong-2; }
|
|
|
+.score-ok { color: $status-warning-deep; }
|
|
|
+.score-low { color: $status-danger-deep; }
|
|
|
.dim-item-level {
|
|
|
font-size: 20rpx;
|
|
|
font-weight: 500;
|
|
|
@@ -146,16 +146,16 @@ export default {
|
|
|
margin-left: auto;
|
|
|
}
|
|
|
.level-good {
|
|
|
- color: #16a34a;
|
|
|
- background: #f0fdf4;
|
|
|
+ color: $status-success-strong-2;
|
|
|
+ background: $status-success-tint-2;
|
|
|
}
|
|
|
.level-ok {
|
|
|
- color: #d97706;
|
|
|
- background: #fffbeb;
|
|
|
+ color: $status-warning-deep;
|
|
|
+ background: $status-warning-tint;
|
|
|
}
|
|
|
.level-low {
|
|
|
- color: #dc2626;
|
|
|
- background: #fef2f2;
|
|
|
+ color: $status-danger-deep;
|
|
|
+ background: $status-danger-tint-2;
|
|
|
}
|
|
|
.dim-bar-track {
|
|
|
height: 8rpx;
|