|
@@ -443,7 +443,7 @@ export default {
|
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
|
.qd-container {
|
|
.qd-container {
|
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
|
- background: $brand-legacy-blue-tint;
|
|
|
|
|
|
|
+ background: $uni-primary-pale;
|
|
|
padding: 20rpx 30rpx 100rpx;
|
|
padding: 20rpx 30rpx 100rpx;
|
|
|
}
|
|
}
|
|
|
.qd-loading {
|
|
.qd-loading {
|
|
@@ -496,8 +496,8 @@ export default {
|
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
|
}
|
|
}
|
|
|
.qd-dim-item.active {
|
|
.qd-dim-item.active {
|
|
|
- border-color: $brand-legacy-blue;
|
|
|
|
|
- background: $brand-legacy-blue-select;
|
|
|
|
|
|
|
+ border-color: $brand-primary;
|
|
|
|
|
+ background: $brand-primary-soft;
|
|
|
}
|
|
}
|
|
|
.qd-dim-icon {
|
|
.qd-dim-icon {
|
|
|
font-size: 48rpx;
|
|
font-size: 48rpx;
|
|
@@ -514,7 +514,7 @@ export default {
|
|
|
right: 10rpx;
|
|
right: 10rpx;
|
|
|
width: 36rpx;
|
|
width: 36rpx;
|
|
|
height: 36rpx;
|
|
height: 36rpx;
|
|
|
- background: $brand-legacy-blue;
|
|
|
|
|
|
|
+ background: $brand-primary;
|
|
|
color: $app-surface;
|
|
color: $app-surface;
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
@@ -523,7 +523,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
.qd-progress {
|
|
.qd-progress {
|
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
|
- color: $brand-legacy-blue;
|
|
|
|
|
|
|
+ color: $brand-primary;
|
|
|
margin-top: 10rpx;
|
|
margin-top: 10rpx;
|
|
|
}
|
|
}
|
|
|
.qd-progress-bar {
|
|
.qd-progress-bar {
|
|
@@ -534,7 +534,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
.qd-progress-fill {
|
|
.qd-progress-fill {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
- background: linear-gradient(90deg, $brand-legacy-blue, $brand-legacy-blue-light);
|
|
|
|
|
|
|
+ background: linear-gradient(90deg, $brand-primary, $brand-primary-light);
|
|
|
border-radius: 3rpx;
|
|
border-radius: 3rpx;
|
|
|
transition: width 0.3s ease;
|
|
transition: width 0.3s ease;
|
|
|
}
|
|
}
|
|
@@ -565,8 +565,8 @@ export default {
|
|
|
transition: all 0.2s;
|
|
transition: all 0.2s;
|
|
|
}
|
|
}
|
|
|
.qd-option.selected {
|
|
.qd-option.selected {
|
|
|
- border-color: $brand-legacy-blue;
|
|
|
|
|
- background: $brand-legacy-blue-select;
|
|
|
|
|
|
|
+ border-color: $brand-primary;
|
|
|
|
|
+ background: $brand-primary-soft;
|
|
|
}
|
|
}
|
|
|
.qd-opt-label {
|
|
.qd-opt-label {
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
@@ -576,7 +576,7 @@ export default {
|
|
|
.qd-opt-check {
|
|
.qd-opt-check {
|
|
|
width: 36rpx;
|
|
width: 36rpx;
|
|
|
height: 36rpx;
|
|
height: 36rpx;
|
|
|
- background: $brand-legacy-blue;
|
|
|
|
|
|
|
+ background: $brand-primary;
|
|
|
color: $app-surface;
|
|
color: $app-surface;
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
text-align: center;
|
|
text-align: center;
|
|
@@ -593,7 +593,7 @@ export default {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
height: 88rpx;
|
|
height: 88rpx;
|
|
|
line-height: 88rpx;
|
|
line-height: 88rpx;
|
|
|
- background: linear-gradient(135deg, $brand-legacy-blue, $brand-legacy-blue-light);
|
|
|
|
|
|
|
+ background: linear-gradient(135deg, $brand-primary, $brand-primary-light);
|
|
|
color: $app-surface;
|
|
color: $app-surface;
|
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
|
border-radius: 44rpx;
|
|
border-radius: 44rpx;
|
|
@@ -610,8 +610,8 @@ export default {
|
|
|
}
|
|
}
|
|
|
.qd-btn-outline {
|
|
.qd-btn-outline {
|
|
|
background: $app-surface;
|
|
background: $app-surface;
|
|
|
- color: $brand-legacy-blue;
|
|
|
|
|
- border: 2rpx solid $brand-legacy-blue;
|
|
|
|
|
|
|
+ color: $brand-primary;
|
|
|
|
|
+ border: 2rpx solid $brand-primary;
|
|
|
}
|
|
}
|
|
|
.qd-result {
|
|
.qd-result {
|
|
|
text-align: center;
|
|
text-align: center;
|