|
@@ -1302,7 +1302,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
|
|
|
|
|
-<style scoped>
|
|
|
|
|
|
|
+<style scoped lang="scss">
|
|
|
.page {
|
|
.page {
|
|
|
min-height: 100vh;
|
|
min-height: 100vh;
|
|
|
background: #f8f8f8;
|
|
background: #f8f8f8;
|
|
@@ -1377,9 +1377,9 @@ export default {
|
|
|
}
|
|
}
|
|
|
.expand-all-btn {
|
|
.expand-all-btn {
|
|
|
font-size: 22rpx;
|
|
font-size: 22rpx;
|
|
|
- color: #5B9BD5;
|
|
|
|
|
|
|
+ color: $brand-primary;
|
|
|
padding: 4rpx 12rpx;
|
|
padding: 4rpx 12rpx;
|
|
|
- border: 2rpx solid #5B9BD5;
|
|
|
|
|
|
|
+ border: 2rpx solid $brand-primary;
|
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
|
}
|
|
}
|
|
|
.expand-all-btn:active { opacity: 0.7; }
|
|
.expand-all-btn:active { opacity: 0.7; }
|
|
@@ -1509,7 +1509,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
.member-select-arrow {
|
|
.member-select-arrow {
|
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
|
- color: #5B9BD5;
|
|
|
|
|
|
|
+ color: $brand-primary;
|
|
|
margin-left: 12rpx;
|
|
margin-left: 12rpx;
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
|
}
|
|
}
|
|
@@ -1568,13 +1568,13 @@ export default {
|
|
|
}
|
|
}
|
|
|
.member-selected {
|
|
.member-selected {
|
|
|
background: #E3F2FD;
|
|
background: #E3F2FD;
|
|
|
- border-color: #5B9BD5;
|
|
|
|
|
|
|
+ border-color: $brand-primary;
|
|
|
}
|
|
}
|
|
|
.member-avatar {
|
|
.member-avatar {
|
|
|
width: 64rpx;
|
|
width: 64rpx;
|
|
|
height: 64rpx;
|
|
height: 64rpx;
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
- background: #5B9BD5;
|
|
|
|
|
|
|
+ background: $brand-primary;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
font-size: calc(28rpx * var(--font-scale, 1));
|
|
font-size: calc(28rpx * var(--font-scale, 1));
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
@@ -1877,7 +1877,7 @@ export default {
|
|
|
.btn-discard:active { opacity: 0.7; }
|
|
.btn-discard:active { opacity: 0.7; }
|
|
|
.btn-confirm {
|
|
.btn-confirm {
|
|
|
flex: 2;
|
|
flex: 2;
|
|
|
- background: linear-gradient(135deg, #5B9BD5, #3A7CC4);
|
|
|
|
|
|
|
+ background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
@@ -1968,7 +1968,7 @@ export default {
|
|
|
.candidate-item:active { opacity: 0.8; }
|
|
.candidate-item:active { opacity: 0.8; }
|
|
|
.candidate-selected {
|
|
.candidate-selected {
|
|
|
background: #E3F2FD;
|
|
background: #E3F2FD;
|
|
|
- border-color: #5B9BD5;
|
|
|
|
|
|
|
+ border-color: $brand-primary;
|
|
|
}
|
|
}
|
|
|
.candidate-left {
|
|
.candidate-left {
|
|
|
display: flex;
|
|
display: flex;
|
|
@@ -1981,7 +1981,7 @@ export default {
|
|
|
width: 56rpx;
|
|
width: 56rpx;
|
|
|
height: 56rpx;
|
|
height: 56rpx;
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
- background: #5B9BD5;
|
|
|
|
|
|
|
+ background: $brand-primary;
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
font-size: calc(24rpx * var(--font-scale, 1));
|
|
font-size: calc(24rpx * var(--font-scale, 1));
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
@@ -2007,7 +2007,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
.candidate-fields {
|
|
.candidate-fields {
|
|
|
font-size: calc(20rpx * var(--font-scale, 1));
|
|
font-size: calc(20rpx * var(--font-scale, 1));
|
|
|
- color: #5B9BD5;
|
|
|
|
|
|
|
+ color: $brand-primary;
|
|
|
display: block;
|
|
display: block;
|
|
|
margin-top: 2rpx;
|
|
margin-top: 2rpx;
|
|
|
}
|
|
}
|
|
@@ -2028,7 +2028,7 @@ export default {
|
|
|
}
|
|
}
|
|
|
.score-bar-fill {
|
|
.score-bar-fill {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
- background: linear-gradient(90deg, #5B9BD5, #3A7CC4);
|
|
|
|
|
|
|
+ background: linear-gradient(90deg, $brand-primary, $brand-primary-dark);
|
|
|
border-radius: 5rpx;
|
|
border-radius: 5rpx;
|
|
|
}
|
|
}
|
|
|
.score-text {
|
|
.score-text {
|
|
@@ -2053,13 +2053,13 @@ export default {
|
|
|
.create-member-entry:active { background: #F1F5F9; }
|
|
.create-member-entry:active { background: #F1F5F9; }
|
|
|
.create-member-icon {
|
|
.create-member-icon {
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
- color: #5B9BD5;
|
|
|
|
|
|
|
+ color: $brand-primary;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
margin-right: 8rpx;
|
|
margin-right: 8rpx;
|
|
|
}
|
|
}
|
|
|
.create-member-text {
|
|
.create-member-text {
|
|
|
font-size: calc(24rpx * var(--font-scale, 1));
|
|
font-size: calc(24rpx * var(--font-scale, 1));
|
|
|
- color: #5B9BD5;
|
|
|
|
|
|
|
+ color: $brand-primary;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* ===== Phase 2: 鏂板缓鎴愬憳琛ㄥ崟锛堥潰鏉垮唴宓岋級 ===== */
|
|
/* ===== Phase 2: 鏂板缓鎴愬憳琛ㄥ崟锛堥潰鏉垮唴宓岋級 ===== */
|
|
@@ -2099,11 +2099,11 @@ export default {
|
|
|
.gender-option:active { opacity: 0.7; }
|
|
.gender-option:active { opacity: 0.7; }
|
|
|
.gender-selected {
|
|
.gender-selected {
|
|
|
background: #E3F2FD;
|
|
background: #E3F2FD;
|
|
|
- border-color: #5B9BD5;
|
|
|
|
|
|
|
+ border-color: $brand-primary;
|
|
|
color: #1565C0;
|
|
color: #1565C0;
|
|
|
}
|
|
}
|
|
|
.btn-create-submit {
|
|
.btn-create-submit {
|
|
|
- background: linear-gradient(135deg, #5B9BD5, #3A7CC4);
|
|
|
|
|
|
|
+ background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
|
|
|
color: #fff;
|
|
color: #fff;
|
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
@@ -2218,7 +2218,7 @@ export default {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
- background: linear-gradient(135deg, #5B9BD5, #3B82F6);
|
|
|
|
|
|
|
+ background: linear-gradient(135deg, $brand-primary, $brand-primary-dark);
|
|
|
border-radius: 44rpx;
|
|
border-radius: 44rpx;
|
|
|
padding: 18rpx 30rpx;
|
|
padding: 18rpx 30rpx;
|
|
|
box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.4);
|
|
box-shadow: 0 4rpx 16rpx rgba(59, 130, 246, 0.4);
|