feat: 优化主题配色
This commit is contained in:
@@ -116,8 +116,8 @@ const capacityClass = computed(() => {
|
||||
}
|
||||
|
||||
&--booked {
|
||||
background: #fffdf8;
|
||||
box-shadow: 0 4rpx 24rpx rgba(201, 168, 124, 0.12);
|
||||
background: #f0f7fb;
|
||||
box-shadow: 0 4rpx 24rpx rgba($primary-dark, 0.12);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -127,7 +127,7 @@ const capacityClass = computed(() => {
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 8rpx;
|
||||
background: linear-gradient(180deg, #d4b896, #c9a87c);
|
||||
background: linear-gradient(180deg, $primary-color, $primary-dark);
|
||||
border-radius: 24rpx 0 0 24rpx;
|
||||
}
|
||||
|
||||
@@ -262,8 +262,8 @@ const capacityClass = computed(() => {
|
||||
}
|
||||
|
||||
&.btn-book {
|
||||
background: linear-gradient(135deg, #d4b896, #c9a87c);
|
||||
box-shadow: 0 4rpx 16rpx rgba(201, 168, 124, 0.3);
|
||||
background: linear-gradient(135deg, $primary-color, $primary-dark);
|
||||
box-shadow: 0 4rpx 16rpx rgba($primary-dark, 0.3);
|
||||
|
||||
.btn-text { color: #fff; }
|
||||
|
||||
@@ -295,7 +295,7 @@ const capacityClass = computed(() => {
|
||||
.badge-booked {
|
||||
height: 52rpx;
|
||||
padding: 0 24rpx;
|
||||
background: linear-gradient(135deg, #fff8ee, #fff4e0);
|
||||
background: linear-gradient(135deg, $primary-selected-bg, $primary-border);
|
||||
border-radius: 26rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -303,7 +303,7 @@ const capacityClass = computed(() => {
|
||||
|
||||
.badge-text {
|
||||
font-size: 24rpx;
|
||||
color: #c9a87c;
|
||||
color: $primary-dark;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user