richard/mp-pilates
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 优化主题配色

Browse Source
This commit is contained in:
richarjiang
2026-04-05 21:35:30 +08:00
parent 4633ceea8c
commit c0e0d31ae7
25 changed files with 423 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
packages/app/src/components/BookingConfirmPopup.vue
View File

@@ -212,7 +212,7 @@ function handleMaskTap() {
display: flex;
align-items: center;
justify-content: center;
background: #f5f5f5;
background: $primary-selected-bg;
border-radius: 50%;
}
@@ -250,7 +250,7 @@ function handleMaskTap() {
.divider {
height: 1rpx;
background: #f0f0f0;
background: $primary-border;
margin: 8rpx 0 28rpx;
}
@@ -285,14 +285,14 @@ function handleMaskTap() {
align-items: center;
padding: 24rpx 20rpx;
border-radius: 16rpx;
border: 2rpx solid #f0f0f0;
background: #fafafa;
border: 2rpx solid $primary-border;
background: $primary-bg;
gap: 20rpx;
transition: border-color 0.15s, background 0.15s;
&.selected {
border-color: #c9a87c;
background: #fffbf5;
border-color: $primary-dark;
background: $primary-selected-bg;
}
}
@@ -300,7 +300,7 @@ function handleMaskTap() {
width: 60rpx;
height: 60rpx;
border-radius: 14rpx;
background: linear-gradient(135deg, #d4b896, #c9a87c);
background: linear-gradient(135deg, $primary-color, $primary-dark);
display: flex;
align-items: center;
justify-content: center;
@@ -333,7 +333,7 @@ function handleMaskTap() {
width: 44rpx;
height: 44rpx;
border-radius: 50%;
background: #c9a87c;
background: $primary-dark;
display: flex;
align-items: center;
justify-content: center;
@@ -358,7 +358,7 @@ function handleMaskTap() {
/* Deduction tip */
.deduction-tip {
background: #fffbf0;
background: $primary-selected-bg;
border-radius: 12rpx;
padding: 16rpx 20rpx;
margin-bottom: 28rpx;
@@ -366,7 +366,7 @@ function handleMaskTap() {
.deduction-text {
font-size: 24rpx;
color: #c9a87c;
color: $primary-dark;
line-height: 1.5;
}
@@ -382,7 +382,7 @@ function handleMaskTap() {
flex: 1;
height: 88rpx;
border-radius: 44rpx;
border: 2rpx solid #e0e0e0;
border: 2rpx solid $primary-border;
display: flex;
align-items: center;
justify-content: center;
@@ -402,7 +402,7 @@ function handleMaskTap() {
flex: 2;
height: 88rpx;
border-radius: 44rpx;
background: #c9a87c;
background: linear-gradient(135deg, $primary-color, $primary-dark);
display: flex;
align-items: center;
justify-content: center;
@@ -412,7 +412,7 @@ function handleMaskTap() {
}
&.disabled {
background: #e0e0e0;
background: $primary-border;
}
}